19-文本径向渐变

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

创建径向渐变和创建线性渐变类似，只不过它是一个圆锥形，而不是一条线。这个圆锥由中心点和两个圆的半径定义而成，通过调用Canvas环境下的createRadialGradient() 函数来实现。

var gradient = context.createRadialGradient([x0],[y0],[radius0],[x1],[y1],[radius1]);

下面，基于一个圆锥来创建径向渐变。它起始于一个圆心为（100，100）、半径为20的圆，终止于圆心为（200，100）、半径为5的另一个圆，代码如下。

var gradient = context.createRadialGradient(100,100,20,200,100,5);

给径向渐变添加颜色断点的方法与给线性渐变添加的方法相同，只不过颜色沿着一个圆锥变化而不是沿着线变化。

gradient.addColorStop(0, "#000000 ");
gradient.addColorStop(.5, "#FF0000");