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.****.net/weixin_39475476/article/details/103200217

uniapp canvas 记录一下画图的问题

上一篇:nginx设置电脑手机访问相同网址页面不同


下一篇:JS 图片跟随鼠标移动案例