Picture entity position; manipulate copy attributes
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