Scrawl-canvas v8 - Snippets test 002

Scrawl-canvas stack element snippets

This element has a canvas attached to it

To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.

Width

'n%'

Height

'n%'

Starts ('n%')

Handles ('n%')

Starts (n)

Handles (n)

Starts ('str')

Handles ('str')

Roll

Pitch

Yaw

Scale

Test purpose

Create a Scrawl-canvas Stack and, within it, an element to be snippet-ized (warning: made-up word!)
Find and snippet-ize that element
Check that snippet canvas correctly mimics its elements, in particular to dimension, rotation and scale updates

Known issue: this demo breaks in v8.8.2 - canvas is not sizing correctly in 3D rotated elements

Touch test: should work as expected

Annotated code

Green box snippet