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 resizable <canvas> element
- Create a Label entity to display in the canvas
- Create hook functions for the Label that will be invoked as the <canvas> dimensions are changed
- Check that appropriate hooks are fired, and the Label entity updated, in response to changes in the canvas element's dimensions - five states ('banner', 'landscape', 'rectangle', 'portrait', 'skyscraper') should be viewable as the canvas corner is dragged horizontally right (and up) and then diagonally down/left
Touch test: canvas should be resizable
Annotated code