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
- Create a Scrawl-canvas stack <div>, containing a <canvas> element.
- Set the canvas so that it uses a local mouse tracking function
- Add a Wheel entity to the canvas, which will track the mouse cursor's position
- Add a second Wheel entity whose position we shall manually update so that it matches the mouse event object's `offsetX` and `offsetY` values
- Position and rotate the canvas within the stack, checking repeatedly that both Wheel entitys continue to track the mouse cursor position
Known issues
- Resizing the canvas (dimensions attributes) will lead to positioning failures.
- Touch positioning is (often) returning 'NaN' for both canvas.here and canvas.base.here on Android browser - needs investigating.
Touch test: should work as expected
Annotated code