Demo DOM 002

Mimics element

Pivots to element

This element can be positioned within the stack element using Scrawl-canvas positioning; the grey element should mimic it.

Width

'n%'

Height

'n%'

Starts ('n%')

Handles ('n%')

Starts (n)

Handles (n)

Starts ('str')

Handles ('str')

Roll

Pitch

Yaw

Scale

Pivot

Use pivot handles:

Use pivot rotation:

Mimic

Add own dimension:

Add own roll:

Set a stack element to mimic the start, handle, dimensions and rotation values of another element
Check that the mimic element can be offset from the host element by a translate value
Set a stack element to pivot to another element
Check the attributes that allow a pivoted element to take into account the host element's handle and rotation values

Note: transform-style: preserve-3d issue? Safari displays differently from other browsers. See Things to Watch Out for When Working with CSS 3D.

Touch test: should work as expected. Known issue: dragging causes the web page to shrink/enlarge - needs investigating.

Scrawl-canvas v8 - DOM test 002