Scrawl-canvas v8 - Canvas test 049

Conic gradients

paletteStart

paletteEnd

Cycle palette

Spread

Int. color space

Ret. color space

startX

startY

angle

Angle range

Include red

Include blue

Easing

Precision

Swirl distance

Swirl clockwise

Operations

Roll

Scale

Flip reverse

Flip upend

Fill style

Stroke style

Lock fillStyle to entity

Lock strokeStyle to entity

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

Test purpose

Setup a conic gradient, and a block entity which uses the gradient for its fillStyle value
Check that we can successfully manipulate the gradient's start and end coordinates, and its start angle
Check that we can successfully manipulate the palettes's start and end cursors
Check that we can dynamically add and remove color stops

Touch test: not required

Annotated code