Test purpose
- Crerate a Picture entity hat displays a large image asset
- Add event listeners that allow the user to zoom the image in/out within the Picture. Zooming out should be constrained so that no blank space appears at the Picture's edges: when the image edge zooms past the Picture edge, it sticks to the edge. Wherever possible (as constrained by edges), the zoom effect should center on the mouse cursor.
- Add event listeners that allow the user to drag the image within the Picture; again, drag should be constrained so that no blank space appears at the Picture's edges
Known issue: the scroll functionality in Firefox is very much less responsive than in other browsers. This is not an issue with Scrawl-canvas, but rather with the coding of the Demo.
Annotated code