canvas调试与体验版不同?
发布于 5 年前 作者 yangxiuying 7701 次浏览 来自 问答

canvas在电脑开发者工具中组件不会自动添加display:none

在移动端开启调试模式下不会自动添加display:none

在移动端体验版模式下不能正常draw,添加分析代码分析得是canvas自动加diaplay:none

请问该种情况如何解决

2 回复

此贴当作经验贴:

在使用canvas时,推荐使用组件封装,![](https://image.wxopen.club/content_4e7b6894-52e7-11ea-a432-001a7dda7111.png)

再在需要使用到的地方添加组件使用;

直接使用canvas外包裹height: 0; overflow:hidden; 易出现wx:if判别(应该是此处影响,不太了解,也没能看到源码)而自动添加上display:none的样式,使用封装可减少判别自动添加情况

此外draw不执行的一大原因就是display:none影响,在出现无法渲染时,可调试draw判断

如何复现?

回到顶部