微信小程序 canvas渐变色

在微信小程序中，你可以使用 canvas 实现渐变色。以下是一个简单的示例代码：

<canvas canvas-id="myCanvas" style="width: 300px; height: 300px;"></canvas>

const ctx = wx.createCanvasContext('myCanvas')

const grd = ctx.createLinearGradient(0, 0, 300, 0)
grd.addColorStop(0, '#ff0000')
grd.addColorStop(1, '#0000ff')

ctx.fillStyle = grd
ctx.fillRect(0, 0, 300, 300)

ctx.draw()

这段代码创建了一个 300x300 的 canvas，使用 `createLinearGradient` 方法创建了一个线性渐变对象，起点坐标为 (0, 0)，终点坐标为 (300, 0)，并添加了两个颜色节点，分别是红色和蓝色。然后将填充样式设置为渐变对象，并使用 `fillRect` 方法填充整个 canvas。最后使用 `draw` 方法将绘图操作显示在 canvas 上。