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 red, green, blue, cyan, magenta, yellow, notred, notgreen, notblue, grayscale, sepia and invert filters
- Create a set of Picture entitys to display the effects of each filter on their image asset
- Cache the output of each Picture entity and create new Picture entitys from those cached images
- Add functionality to dynamically capture UI updates to the filters in the cached images
Known issue: capturing the cached images takes time and requires the use of setTimeout.
Touch test: not required
Annotated code