To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
- Move the mouse cursor over the canvas. All of the arrows outside the red circle should point towards the cursor; all arrows inside the red circle will be white outlines pointing directly away from the cursor. Arrow colors should be clearly divided into quadrants of similar colors and will update in real time as the cursor moves across the canvas
- Check also that the Line, Quadratic and Bezier entitys correctly position themselves by pivoting to specified text units
Known issue: Firefox seems to generate a larger font than the other browsers, leading to errors when the shapes position themselves to (non-existant) text units. Font should be 18px "Roboto Serif".
Touch test: not required.
Annotated code