【摘要】：渐变分为几种，如线性渐变、径向渐变等。绘制线性渐变时，需要使用到LinearGradient对象。offset为所设定的颜色离开渐变起始点的偏移量。该参数的值是一个范围在0到1之间的浮点值，渐变起始点的偏移量为0，渐变结束点的偏移量为1。下面绘制从上到下、由黑色到白色的线性渐变，代码如下：其运行效果如图8.15所示。图8.15绘制线性渐变
前面学习过，使用fillStyle方法在填充时指定填充颜色，其实，fillStyle除了指定颜色外，还可以用来指定填充对象。渐变是指在填充时从一种颜色慢慢过渡到另外一种颜色。渐变分为几种，如线性渐变、径向渐变等。
绘制线性渐变时，需要使用到LinearGradient对象。使用图像上下文对象的createLinearGradient方法创建该对象。该方法的定义如下：
context.createLinearGradient(xStart,yStart,xEnd,yEnd);
该方法使用4个参数，xStart为渐变起始地点的横坐标，yStart为渐变起始地点的纵坐标，xEnd为渐变结束地点的横坐标，yEnd为渐变结束地点的纵坐标。
创建了一个使用两个坐标点的LinearGradient对象之后，使用addColorStop方法进行绘制颜色，该方法的定义如下：
context.addColorStop(offset,color);(www.xing528.com)
该方法使用两个参数——offset和color。offset为所设定的颜色离开渐变起始点的偏移量。该参数的值是一个范围在0到1之间的浮点值，渐变起始点的偏移量为0，渐变结束点的偏移量为1。
下面绘制从上到下、由黑色到白色的线性渐变，代码如下：
其运行效果如图8.15所示。
图8.15 绘制线性渐变
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
