【如何建设公司网站】
绘制渐变
(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属性即可。