HTML5中canvas元素除了绘制线性渐变以外，还可以绘制径向渐变。径向渐变是指沿着圆形的半径方向向外进行扩散的渐变方式。比如在描绘太阳是，沿着太阳的半径方向向外扩散出去的光晕，就是一种径向渐变。

canvas绘制径向渐变的脚本文件：

createRadialGradient() 方法创建一条放射颜色渐变，这个方法创建并返回了一个新的 CanvasGradient 对象，该对象在两个指定圆的圆周之间放射性地插值颜色。

xStart, yStart 开始圆的圆心的坐标，radiusStart 开始圆的直径，xEnd, yEnd 结束圆的圆心的坐标，radiusEnd 结束圆的直径。

上面的实例中，分别指定了两个圆的大小和位置。从第一个圆的圆心处像外进行扩散渐变，一直扩散到第二个圆的外轮廓出。

在设定颜色时，与线性渐变相同，使用addColorStop方法进行设定即可。同样也需要设定0-1之间的浮点数来作为渐变转折点的偏移量。