收藏
回答

canvas调试与体验版不同?

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

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

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

请问该种情况如何解决

回答关注问题邀请回答
收藏

2 个回答

  • 張阿泽
    張阿泽
    星期四 23:04

    此贴当作经验贴:

    在使用canvas时,推荐使用组件封装,

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

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

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

    星期四 23:04
    赞同
    回复 6
    • undefined
      undefined
      星期四 23:13
      你不觉得是mpvue搞得鬼吗
      星期四 23:13
      回复
    • 張阿泽
      張阿泽
      星期五 15:40回复undefined
      论坛我看了关于canvas的帖子 原生开发的也会wxif的问题哦
      星期五 15:40
      回复
    • undefined
      undefined
      星期五 15:40回复張阿泽
      怎么复现呢
      星期五 15:40
      回复
    • 張阿泽
      張阿泽
      星期五 15:43回复undefined
      原生我没试过呢,可以看看社区里面关于这个问题的帖子。
      星期五 15:43
      回复
    • undefined
      undefined
      星期五 15:45回复張阿泽
      如果有这种帖子,这问题要么被修复,要么就在修复中了
      星期五 15:45
      回复
    查看更多(1)
  • undefined
    undefined
    星期四 22:44

    如何复现?

    星期四 22:44
    赞同
    回复 1
    • 張阿泽
      張阿泽
      星期四 23:01
      我再调了一下,在检验和不检验合法路径下,开发者工具调试都是正常,在手机端的调试模式下正常,未调试模式下也正常了,但是今天我有个情况是代码未修改,调着调着本来没有加display:none的自动element.style加了,这个应该是canvas本身在小程序的判别bug;我重新配置了一遍所有的url,现在正常了,今天刚加的https协议,有些地方没修改完全,谢谢您
      星期四 23:01
      回复
登录 后发表内容
问题标签