HTML DOM createLinearGradient() 方法

定义和用法

createLinearGradient() 方法创建一条线性颜色渐变。

语法

  1. createLinearGradient(xStart, yStart, xEnd, yEnd)

参数

参数 描述
xStart, yStart 渐变的起始点的坐标。
xEnd, yEnd 渐变的结束点的坐标。

返回值

表示一个线性颜色渐变的一个 CanvasGradient 对象。

描述

这个方法创建并返回了一个新的 CanvasGradient 对象，它在指定的起始点和结束点之间线性地内插颜色值。注意，这个方法并没有为渐变指定任何颜色。使用返回对象的 addColorStop() 来做到这一点。要使用一个渐变来勾勒线条或填充区域，只需要把 CanvasGradient 对象赋给 strokeStyle 属性或 fillStyle 属性即可。

参阅

CanvasGradient.addColorStop()

CanvasRenderingContext2D.createRadialGradient()