uniapp canvas 記錄一下畫圖的問題

 

1.組件嵌套,在子組件中不能使用canvas ,也不是說不能,只能說使用了也沒用,H5中顯示無果,小程序一樣.

2.在H5中 出現canvas閃爍的問題 ,就一定要用異步去顯示canvas,

3.繪制canvas 時  得用uniapp 中的draw()去繪制,不然 不會顯示(原生一般直接填充就完事了)

4.一定要在onReady函數中進行實例化canvas並且繪制 

 

代碼：
let ctx = uni.createCanvasContext('myCanvas', this)；

 

中間省略了....................

 

setTimeout(function() { //必須延遲執行 不然H5不顯示
　　ctx.stroke();
　　ctx.draw() //必須加上 uniapp 沒這兒玩意兒 顯示不出來不比原生 不加可以顯示
}, 200)

 

來源：https://blog.csdn.net/weixin_39475476/article/details/103200217