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
- Use the four canvases to display a separate image, defined in the DOM.
- Check that the `scrawl.createImageFromEntity` functionality works, and that we can capture and use blurred images created dynamically from the originals.
- Create four (radial) gradients, each with a transparent hole in the middle. We are testing the following values for CSS transparency:
- "transparent"
- "rgb(0 0 0 / 0)"
- "#00000000"
- "#0000"
- Check that all canvases display as expected, with in-focus areas of the image centred either on the mouse cursor, or in the middle of the canvas.
Touch test: should work as expected
Annotated code
