Scrawl-canvas v8 - Canvas test 043

Test various clipping strategies

To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.

Applying more than one clipped region to a scene, using Groups to separate them:

Generate and use Picture entitys from clipped scenes rendered in their own cells:

Note that Label entitys cannot clip to the letters.
For these, we have to use alternative solutions.

Emulate clipping to a Label entity using a composite scene rendered in its own cell:

... Once we have the clipped text in its own cell, we could then generate a Picture entity from it (not tested in this demo).

Test purpose

A set of three canvases to test clipping, and clip-to-text emulation.
For all canvases, the shape/label entitys should clip the image; as they rotate, the image they contain should rotate with them.
All entitys should be draggable, including the Cell entity (pivoted to a draggable Block entity)

Touch test: should work as expected - note that for some reason the canvas needs tapping before it will allow drag to happen on it (needs investigating!)

Annotated code

Scrawl-canvas v8 - Canvas test 043

Test various clipping strategies

Note that Label entitys cannot clip to the letters.For these, we have to use alternative solutions.

Test purpose

Note that Label entitys cannot clip to the letters.
For these, we have to use alternative solutions.