# CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
创建一个线性的渐变颜色。返回的CanvasGradient
对象需要使用 CanvasGradient.addColorStop() 来指定渐变点,至少要两个。
# 参数
# number x0
起点的 x 坐标
# number y0
起点的 y 坐标
# number x1
终点的 x 坐标
# number y1
终点的 y 坐标
# 返回值
# CanvasGradient
# 示例代码
const ctx = qa.createCanvasContext('myCanvas')
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
←
→
在线客服