Demo Filters 501

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 test Picture entity, and a Label entity
Apply a set of CSS-based filter Strings to the entitys, and to the Cell
Check that the selected entity/Cell updates its display in line with the current filter String

Known issue: Webkit-based browsers (for instance, Safari) have not yet implemented the Canvas context 'filter' attribute functionality.

Touch test: not required

Annotated code

Scrawl-canvas v8 - Filters test 501

Canvas engine filter strings (based on CSS filters)

Test purpose