微信小程序里自定义组件，canvas组件没有效果

Question

微信小程序里自定义组件，canvas组件没有效果，请问有没有人遇到过这个问题？

  ready(){
    const ctx = wx.createCanvasContext('back-canvas')
    ctx.setFillStyle('red')
    ctx.fillRect(10, 10, 150, 75)
    ctx.draw();
  },

<canvas class='ca' canvas-id="back-canvas" style="width:200px;height:200px;"></canvas>

Answer 1

createCanvasContext这个是有两个参数的，在page页面默认传了一个This,组件里面 需要传this

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

Answer 2

写在onLoad函数或者onShow函数里面就行了

Answer 3

第二个参数加 this 就好了
const ctx = wx.createCanvasContext('back-canvas',this)

Answer 4

Answer 5

canvas的宽高不需要写在style里面，你改下试试

Answer 6

请问你查到什么原因了，我也是没有绘制 不知道为什么，以page形式可以

Answer 7

注意：在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。

是不是这个的原因？

Answer 8

请问你解决了吗？

Answer 9

请问在真机上不显示canvas是什么原因？打开调试才看到有