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