To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
- Create, and clone, elements - adding them dynamically to the stack environment
- Check that elements can be created with CSS attributes
- Check that elements can be created with HTML class values
- Check that elements can be dragged and dropped around the stack environment, taking into account their current rotation values
- Check that, when being dragged, the dragged element appears above all other elements
- Import SVG elements into a Scrawl-canvas stack, by including the SVG 'inline' within the HTML markup
- Check that we can manipulate an SVG element into a newly created SC Element
- Check that we can pivot an SVG element to an SC Element
- Check that SVG elements can be dragged and dropped
Known issue: When Scrawl-canvas initializes, it checks for stack elements and attempts to replicate their CSS attributes. Reading the perspective attribute fails and leads to some interesting outcomes. Current workaround is to always set SC perspectiveZ value in Javascript code.
Touch test: should work as expected
Annotated code