按照例程上面的代码，使用onload()触发无法画出此渐变，写了个click事件却可以。困惑
onload: function() {
const ctx = wx.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()
},

drawCanvas: function () {
const ctx = wx.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()
}





canvas-id='myCanvas'
style='margin:5px; border:1px solid #d3d3d3;'
bindtouchstart='start'
bindtouchmove='move'
bindtouchend='end'/>




click me

微信小程序开发问题解答

微信小程序开发者回答：

onLoad里 canvas组件还没被渲染出来，最快也得在onReady里

本文网址：http://www.91bianli.com/weixinxiaochengxu/5928.html

上一篇：微信小程序定制开发video组件 在安卓下的两个问题

下一篇：微信小程序二审一个月了还是审核中