Demo Canvas 065

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

Starts ('n%')

Handles ('n%')

Starts (n)

Handles (n)

Starts ('str')

Handles ('str')

Offset ('n%')

Roll

Offset (n)

Scale

Line join

Line width

Method

Scale outline

Winding

Scale shadow

Flip-upend

Flip-reverse

Shadow offset

Shadow blur

Test purpose

Create a Star entity
Check that we can position the Star on the canvas, including handle and offset
Check that flip values, roll and scaling does not affect Star positioning
Check that we can manipulate the Star-specific attributes

Known issue: for some perverse reason, the entity gets 'jittery' when attempting to animate radius values (and scale - if the radius1 value is larger (or even very slightly smaller) than the radius2 value. The current fix, if required, is to keep the radius2 larger than radius1. Note that this may also impact on entitys defined in relative (%) values in a responsive canvas environment.

Touch test: not required

Annotated code

Scrawl-canvas v8 - Canvas test 065

Star entity attributes and functionality

Test purpose