全部产品

CanvasContext.createLinearGradient

创建一个线性的渐变色。需要使用 addColorStop() 来指定渐变点,至少需要两个。

入参

Object 类型,属性如下:

属性类型描述
x0Number起点 x 坐标。
y0Number起点 y 坐标。
x1Number终点 x 坐标。
y1Number终点 y 坐标。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')

const grd = ctx.createLinearGradient(10, 10, 150, 10)
grd.addColorStop(0, 'yellow')
grd.addColorStop(1, 'blue')

ctx.setFillStyle(grd)
ctx.fillRect(20, 20, 250, 180)
ctx.draw()

显示效果如下图所示:

image