评论

canvas真机仅有画布,没有内容;内容相对于真机边框定位,不跟随画布移动;缩放的问题

canvas真机仅有画布,没有内容;内容相对于真机边框定位,不跟随画布移动;缩放的问题

1.手机预览和调试,就仅有canvas画布,没有内容

1.1解决:

如下官方文档:不能放在下面三个标签中!自己去写逻辑实现相应功能才行!

2.内容相对于手机的边框定位,不会跟着画布走的问题

2.1:解决:

参考这篇文章:https://blog.csdn.net/xd_yangxiaoromg/article/details/88258744

我的是设置了overflow-x:auto,删掉就可以了

3.缩放问题:canvas的画布会跟着外层的scale缩放,但绘制的内容不会

3.1解决:将缩放系数传入canvas组件,设置缩放系数后重新绘制就行了

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


最后一次编辑于  02-15  
点赞 0
收藏
评论
登录 后发表内容