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.
Test purpose
- Create a canvas scene where images from HTML <img> elements are transformed into ImageBitmap objects and then imported as an asset into the SC system using scrawl.importImageBitmap().
- Create and display a Picture entity that uses an ImageBitmap asset.
- Create and display a Block entity that uses a Pattern style that wraps an ImageBitmap asset.
- Allow the user to add additional images to the scene by dragging their files onto the canvas, where their data is transformed into ImageBitmap objects, imported into the SC system, and Picture entitys created to display them on the canvas.
- All entitys displayed on the canvas can be dragged
Touch test: should work as expected - though flicking an entity may lead to it moving beyond the canvas border and out of sight!
Annotated code