【摘要】：径向渐变是指沿着圆形的半径方向向外进行扩散的渐变方式。从第一个圆的圆心处向外进行扩散渐变，一直扩散到第二个圆的外轮廓处。下面的实例中有4个不同的径向渐变，设置起点稍微偏离终点，4个径向渐变效果的最后一个色标都是透明色，从而制造出球状3D效果。
径向渐变是指沿着圆形的半径方向向外进行扩散的渐变方式。譬如在绘制太阳时，沿着太阳的半径方向向外扩散出去的光晕就是一种径向渐变。
使用图形上下文对象的createLinearGradient方法绘制径向渐变，该方法的定义如下：
context.createRadialGradient（xStart，yStart，radiusStart，xEnd，yEnd，radiusEnd）
该方法使用6个参数，xStart为渐变开始圆的圆心横坐标，yStart为渐变开始圆的圆心纵坐标，radiusStart为开始圆的半径，xEnd为渐变结束圆的圆心横坐标，yEnd为渐变结束圆的纵坐标，radiusEnd为结束圆的半径。
在这个方法中，分别指定了两个圆的大小与位置。从第一个圆的圆心处向外进行扩散渐变，一直扩散到第二个圆的外轮廓处。在设定颜色时，与线性渐变相同，使用addColorStop方法进行设定。此时同样需要设定0到1之间的浮点数来作为渐变转折点的偏移量。(www.xing528.com)
下面的实例中有4个不同的径向渐变，设置起点稍微偏离终点，4个径向渐变效果的最后一个色标都是透明色，从而制造出球状3D效果。代码如下：
其显示效果如图8.16所示。
图8.16 径向渐变
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
