uniapp canvas 记录一下画图的问题

1. 组件嵌套, 在子组件中不能使用 canvas , 也不是说不能, 只能说使用了也没用, H5 中显示无果, 小程序一样.

2. 在 H5 中 出现 canvas 闪烁的问题 , 就一定要用异步去显示 canvas,

3. 绘制 canvas 时 得用 uniapp 中的 draw() 去绘制, 不然 不会显示 (原生一般直接填充就完事了)

4. 一定要在 onReady 函数中进行实例化 canvas 并且绘制

代码:

let ctx = uni.createCanvasContext('myCanvas', this);

中间省略了....................

1. setTimeout(function() {
2. // 必须延迟执行 不然 H5 不显示
3. ctx.stroke();
4. ctx.draw() // 必须加上 uniapp 没这儿玩意儿 显示不出来不比原生 不加可以显示
5. }, 200)

来源: http://www.bubuko.com/infodetail-3496097.html