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)
来源: http://www.bubuko.com/infodetail-3496097.html