收藏
回答

canvas组件上渲染的内容和canvas组件不在一个层级?

video组件在canvas组件上层,但是canvas组件上渲染的内容会遮挡video组件

最后一次编辑于  08-22
回答关注问题邀请回答
收藏

4 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    08-22

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    08-22
    赞同
    回复 9
    • 朱林涛
      朱林涛
      08-22
      问题出现在开发工具的模拟器上,模拟器选的iPhone6,真机上video直接被canvas挡住了,Android和iOS下都一样,即使把video放在canvass后面。代码我暂时没权限分享,不好意思
      08-22
      回复
    • 朱林涛
      朱林涛
      08-22
      这是我刚整理的情况类似的代码片段:https://developers.weixin.qq.com/s/d0qeLOmW7Ma9;机型-iPhone XR,iOS12.4,微信7.0.5;
      08-22
      回复
    • 朱林涛
      朱林涛
      08-22回复朱林涛
      我在canvas之后添加的video,正常来说,video是否应该覆盖canvas? 实际情况: 1、开发工具模拟器中,video组件在canvas组件上层,但是canvas组件上渲染的内容会遮挡video组件; 2、iOS或Android真机预览模式下,video被canvas挡住了
      08-22
      回复
    • 社区技术运营专员-灵芝
      社区技术运营专员-灵芝
      08-22回复朱林涛

      看了一下描述,这个情况是正常的,小程序在 基础库2.4.0 起已支持 video 组件的同层渲染,而canvas目前还是原生组件,所以会覆盖的

      08-22
      回复
    • 朱林涛
      朱林涛
      08-22回复社区技术运营专员-灵芝
      那我们有没有办法,能获取到video组件播放时,每一帧的buffer数据呢?或者我们想实现video浮在canvas上层,目前有没有办法实现呢?
      08-22
      回复
    查看更多(4)
  • 云龙
    云龙
    09-27

    这玩意非常坑爹。。你会发现你把它的父节点隐藏了它都照样能显示。腾讯公司至今没能修复这个BUG

    09-27
    赞同
    回复 1
  • 朱林涛
    朱林涛
    08-22

    谢谢回复! 问题是这样的:

    我在页面上添加了一个灰色背景的canvas组件,然后在canvas上叠加了一个video组件,video此时是在canvas上层的。接着往canvas上渲染了一个红色的立方体,发现立方体挡住了video~ 我想确认下canvas是否是作为渲染内容的一个容器,为什么渲染出来的内容效果看起来和canvas本身不在一个层级,而是在最上层?我往上面继续添加map这个原生组件,也是一样的,会被渲染出来的模型挡住……

    08-22
    赞同
    回复
  • ʚ青哥ɞ
    ʚ青哥ɞ
    08-22

    没看懂

    08-22
    赞同
    回复 3
    • 朱林涛
      朱林涛
      08-22
      谢谢回复! 问题是这样的: 我在页面上添加了一个灰色背景的canvas组件,然后在canvas上叠加了一个video组件,video此时是在canvas上层的。接着往canvas上渲染了一个红色的立方体,发现立方体挡住了video~ 我想确认下canvas是否是作为渲染内容的一个容器,为什么渲染出来的内容效果看起来和canvas本身不在一个层级,而是在最上层?我往上面继续添加map这个原生组件,也是一样的,会被渲染出来的模型挡住……
      08-22
      回复
    • ʚ青哥ɞ
      ʚ青哥ɞ
      08-22回复朱林涛

      应该是类似这个吧

      08-22
      回复
    • 朱林涛
      朱林涛
      08-22回复ʚ青哥ɞ
      实际上我再canvas后插入的video,在真机上测试时video还是被canvas覆盖了
      08-22
      回复
问题标签