canvascontext.createlineargradient(number x0, number y0, number x1, number y1)
主体： 企业支付宝小程序 、 个人支付宝小程序
相关文档： 旧版 canvas 迁移指南 、
创建线性的渐变色。
需要使用 来指定渐变点，至少需要两个渐变点。
效果示例
代码示例执行效果
默认标题0
number x0
起点的 x 轴坐标
number y0
起点的 y 轴坐标
number x1
终点的 x 轴坐标
number y1
终点的 y 轴坐标
canvasgradient
。
代码示例
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 创建渐变色
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()
<canvas id="canvas">canvas>