Demo Filters 502

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
Create an SVG gaussian blur filter
Apply the filter to the entity
Update the SVG filter's settings; check that they display on the entity as expected

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 502

SVG-based filter example: gaussian blur

Test purpose