鍍金池/ 問答/HTML/ 微信小程序里自定義組件,canvas組件沒有效果

微信小程序里自定義組件,canvas組件沒有效果

微信小程序里自定義組件,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>
回答
編輯回答
她愚我
注意:在組件wxss中不應(yīng)使用ID選擇器、屬性選擇器和標簽名選擇器。

是不是這個的原因?

2018年4月27日 12:57
編輯回答
艷骨

canvas的寬高不需要寫在style里面,你改下試試

2018年6月28日 18:34
編輯回答
尐潴豬

createCanvasContext這個是有兩個參數(shù)的,在page頁面默認傳了一個This,組件里面 需要傳this

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

2017年10月22日 16:32
編輯回答
憶當年

寫在onLoad函數(shù)或者onShow函數(shù)里面就行了

2018年8月15日 17:28
編輯回答
青檸

請問你查到什么原因了,我也是沒有繪制 不知道為什么,以page形式可以

2018年8月9日 00:11
編輯回答
祈歡

請問你解決了嗎?

2017年8月2日 15:31
編輯回答
巫婆

請問在真機上不顯示canvas是什么原因?打開調(diào)試才看到有

2018年1月10日 08:22