【如何建设公司网站】
绘制渐变
(1)绘制线性渐变
createLinearGradient()方法用于创建一条线性颜色渐变，语法格式为：
createLinearGradient(xStart, yStart, xEnd, yEnd)
其中的参数含义如下。
xStart，yStart：渐变起始点的坐标。
xEnd，yEnd：渐变结束点的坐标。
说明：该方法创建并返回了一个新的CanvasGradient对象，它在指定的起始点和结束点之间线性地内插颜色值。这个方法并没有为渐变指定任何颜色，用户可以使用返回对象的addColorStop()来实现这个功能。要使用一个渐变来勾勒线条或填充区域，只需要把CanvasGradient对象赋给strokeStyle属性或fillStyle属性即可。
(2)绘制径向渐变
①createRadialGradient()方法用于创建一条放射颜色渐变，语法格式为：
createRadiaIGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)
其中的参数含义如下。
xStart，yStart：开始圆的圆心坐标。
radiusStart:开始圆的半径。
xEnd，yEnd：结束圆的圆心坐标。
radiusEnd:结束圆的半径。
说明：该方法创建并返回了一个新的CanvasGradient对象，该对象在两个指定圆的圆周之间放射性地插值颜色。这个方法并没有为渐变指定任何颜色，用户可以使用返回对象的addColorStop()方法来实现这个功能。要使用一个渐变来勾勒线条或填充区域，只需要把CanvasGradient对象赋给strokeStyle属性或fillStyle属性即可。
本文地址:
http://www.yishenzhou.com/yes/post/351.html | 分类:网站建设 |
次阅读
