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
Creation:
- Create a responsive, and a static, Oval entity
- Create a responsive, and a static, Tetragon entity
- Create a responsive, and a static, Line entity
- Create a responsive, and a static, Rectangle entity
- Create a responsive, and a static, Star entity
- ... All entitys should correctly create and display
Testing - change the cell dimensions by dragging the bottom left corner, and observe changes in the shapes of the responsive entitys:
- Oval - radiusX follows cell width; radiusY follows cell height
- Tetragon - radiusX follows cell width; radiusY follows cell height
- Line - start and end coordinates update as the cell dimensions update
- Rectangle - rectangleWidth and x-aligned radius values follow cell width; rectangleHeight and y-aligned radius values follow cell height
- Star - radius1 and radius2 both follow cell width
Touch test: canvas should be resizable
Annotated code