To note: Javascript is not running in this browser environment. The canvas element is ignored; instead a placeholder image displays where the canvas would have appeared.
Copy Starts ('n%')
X:
Y:
Copy Width
'n%'
n
Copy Starts (n)
X:
Y:
Copy Height
'n%'
n
Paste Width
'n%'
n
Paste Height
'n%'
n
Paste Starts ('n%')
X:
Y:
Paste Handles ('n%')
X:
Y:
Paste Starts (n)
X:
Y:
Paste Handles (n)
X:
Y:
Paste Starts ('str')
X:
Y:
Paste Handles ('str')
X:
Y:
Roll
Scale
Flip-upend
Flip-reverse
Line width
Method
Draw style
Stroke:
Lock:
Scale outline
Scale shadow
Shadow offset
X:
Y:
Shadow blur
Test purpose
Import an image loaded via the DOM (on page load) into Scrawl-canvas
Create a Picture entity using the imported image
Display the Picture entity on a canvas
Check that the entity location and dimensions attributes (start, handle, width, height) work as expected
Check that the entity manipulation attributes (roll, scale, flip) work as expected
Check that altering the entity's copy attributes (copyStart, copyWidth, copyHeight) perform as expected, and that the code correctly compensates when the user attempts to copy from outside the image assets natural dimensions - in particular, the image should not stretch when the copy attributes abut or cross the image asset's dimension boundaries
Import an image dynamically by defining and displaying a Picture entity with an imageSource attribute