// Create linear gradient动态渐变
const grd = ctx.createLinearGradient(0, 0, 200, 0) //这个得写 固定的
grd.addColorStop(0, 'red')//开始渐变的颜色
grd.addColorStop(1, 'white')//另一个颜色
ctx.setFillStyle(grd)//把渐变填到图形中 需要你之前用ctx画布画好一个图形
ctx.fill() //这个必须加上 没有这个 直接设置颜色不好使
填充完毕样式示例