Demo Canvas 014

Linear draw style

Quadratic draw style

Bezier draw style

Linear lock to entity

Quadratic lock to entity

Bezier lock to entity

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 linear, quadratic and bezier Shape entitys
Position them on the canvas by a variety of different means - (draggable) pivots, paths, mouse
Kill and resurrect several entitys to make sure they remove themselves entirely from the Scrawl-canvas system, and cleanly recreate themselves from saved packets

Touch test: should work as expected. Known issues: the arrow doesn't always return to the line on touchend; moving the pins is inconsistent (because pins are too small on device screens?)

Annotated code

Scrawl-canvas v8 - Canvas test 014

Line, Quadratic and Bezier entitys - control lock alternatives

Test purpose