# Scrawl-canvas v8 - DOM test 002

## Element mouse, pivot and mimic functionality

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%'
n
Height
'n%'
n
Starts ('n%')
X:
Y:
Handles ('n%')
X:
Y:
Starts (n)
X:
Y:
Handles (n)
X:
Y:
Starts ('str')
X:
Y:
Handles ('str')
X:
Y:
Roll
Pitch
Yaw
Scale
Pivot
Use pivot handles:
Use pivot rotation:
Mimic
Add own dimension:
Add own roll:

#### Test purpose

- 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.

Annotated code