收藏
回答

小程序camera canvas层级问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug camera canvas 工具 7.0.4 2.7.1

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


一个camera和一个canvas通过样式的z-index无法控制canvas覆盖到camera上一层。


    

<camera device-position="back" flash="off" binderror="error" style="position:absolute;width: 100%; height: 300px;z-index:2;"></camera>

<canvas style="position:absolute;top:0;left:0;background:#ff0000;z-index:3;width: 300px; height: 200px;" canvas-id="Canvas" ></canvas>


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

7 个回答

  • 3333333
    3333333
    2022-01-24

    这个问题,官方有在解决么,对于动态效果目前解决方案都不理想

    2022-01-24
    有用
    回复
  • 小叮当
    小叮当
    2021-02-20

    transform:translate(-100%,-100%);

    原理是将canvas旋转出可视区域即可

    2021-02-20
    有用
    回复
  • 东
    2019-11-17

    这个问题解决了吗


    2019-11-17
    有用
    回复
  • nil
    nil
    2019-10-10

    我也遇到同样问题了,求解决办法

    2019-10-10
    有用
    回复
  • 忘
    2019-10-10

    我也遇到这个问题了    更新之后  真机上camera层级太高   cover-view被遮住


    2019-10-10
    有用
    回复
  • 薛小磊
    薛小磊
    2019-06-03

    原生组件canvas覆盖不了camera,camera的onframe里imagedata渲染到canvas上,再putimagedata几十次以后又开始超级卡顿,微信的团队能否解决一下呢,感谢。

    2019-06-03
    有用
    回复
  • 2019-06-03

    遇到同样的问题,之前是好的,基础库更新后canvas层级失效了

    2019-06-03
    有用
    回复
登录 后发表内容