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
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.
Annotated code