【如何建设公司网站】绘制线性渐变 -网络营销推广_网站建设设计

【如何建设公司网站】绘制线性渐变

发表日期：2018-11-12 05:23:57

【如何建设公司网站】

绘制渐变

(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属性即可。

上一篇：【网络建设系统】按照指定的位置和大小绘制一个矩形的边框

下一篇：【哪个网站制作好】掌握外部样式表的定义与链入方法

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务