# Scrawl-canvas v8 - Canvas test 004

## Radial gradients

paletteStart
paletteEnd
Cycle palette
Int. color space
Ret. color space
startX
endX
startY
endY
startRadius
endRadius
Include red
Include blue
Easing
Precision

#### Test purpose

- Setup a radial 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 and end radius values
- Check that we can successfully manipulate the palettes's start and end cursors
- Check that we can dynamically add and remove color stops
- Check that we can ease the gradient, including user-defined easing algorithms
- Check that when precision is set to 0, gradient uses the linear easing
- Check that when cyclePalette is set to true and the palette's end value is smaller than its start value, the gradient draws itself by going through the 0/999 endpoints

Additionally, test to make sure canvas responds correctly to external dimensions resizing - <canvas> element is responsive - by changing its width and height values using the controls.

Touch test: canvas should be resizable

Annotated code