小程序自定义组件中使用canvas不生效

 ready(){
    const ctx = wx.createCanvasContext('back-canvas')
    ctx.setFillStyle('red')
    ctx.fillRect(10, 10, 150, 75)
    ctx.draw();
  }
<canvas class='canvas' canvas-id="back-canvas" style="width:200px;height:200px;">canvas>

canvas组件注册无效,这个因为createCanvasContext方法是有两个参数,在page页面默认传了一个this,在组件里面需要手动传this。

const ctx = wx.createCanvasContext('myCanvas',this);

喜欢我的关注下方公众号: 生活充电堡。繁忙的生活也要时刻保持充电
小程序自定义组件中使用canvas不生效_第1张图片 小程序自定义组件中使用canvas不生效_第2张图片
小程序自定义组件中使用canvas不生效_第3张图片

你可能感兴趣的:(小程序)