Scrawl-canvas v8 - Filters test 103

A gallery of compound filter effects

To change image, drag-and-drop an image file over the canvas

To note: the demo takes its own sweet time to load. If Javascript is not running in this browser environment, canvas elements will be ignored; instead placeholder images display where the canvas would have appeared.

Effect: blotchy newsprint with color

Effect: jagged transluscent blocks

Effect: brass rubbing

Effect: blueprint

Effect: comic

Effect: square quilt

Effect: raised tiles

Effect: blotchy color

Effect: watermarks

Effect: animated rainbow rays

Effect: grayscale CRT monitor

Effect: color CRT monitor

Test purpose

Create a suite of canvases, each to hold a different filter effect
Check that each filter applies to the image, as expected
Check that dragging an image file over any canvas leads to that image loading in all canvases, and that the filters apply to the new image

Touch test: not required

Annotated code