Canvas Cheat Sheet

HTML5 Canvas Radial Gradient Tutorial

Discussion

To create a radial gradient with HTML5 Canvas, we can use the createRadialGradient() method. Radial gradients are defined with two imaginary circles - a starting circle and an ending circle, in which the gradient starts with the start circle and moves towards the end circle.