公告列表
公告列表
收藏
回答

小程序camera组件border-radius无效

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug camera 客户端 6.7.1 2.0.1

小程序camera组件border-radius真机无效，想做个圆形的拍照区域

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

3 个回答

  • James harden
    James harden
    2022-10-10

    直接给camera组件设置border-radius在iOS是无效的，解决代码如下：

    给camera组件包一层父元素，把border-radius写在父元素上 并且加上以下三段代码

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);


    2022-10-10
    有用 1
    回复
  • 是小白啊
    是小白啊
    2018-08-13

    你好，原生组件暂不支持此属性

    2018-08-13
    有用
    回复 3
    • big cat
      big cat
      2020-03-14
      开发工具上支持，真机上不支持，这很不好玩
      2020-03-14
      赞
      回复
    • 爱吃番茄的橘子猫
      爱吃番茄的橘子猫
      2021-05-28
      我用view包了camera，view用了border-radius：50%和overflow:hidden  camera用了100%，100%，有的手机有用 有的手机不行
      2021-05-28
      赞
      回复
    • James harden
      James harden
      2022-10-10
      直接给camera组件设置border-radius在iOS是无效的，解决代码如下：
      给camera组件包一层父元素，把border-radius写在父元素上 并且加上以下三段代码
          overflow: hidden;
          -webkit-backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
      2022-10-10
      赞
      回复
  • 匿名
    匿名
    2018-08-13

    用core-view来做前景遮挡吧，<camera><core-view></core-view></camera>

    2018-08-13
    有用
    回复 2
    • _
      _
      2019-05-15

      你做出来效果了吗？  可以教一下吗？

      2019-05-15
      赞
      回复
    • James harden
      James harden
      2022-10-10回复_
      直接给camera组件设置border-radius在iOS是无效的，解决代码如下：
      给camera组件包一层父元素，把border-radius写在父元素上 并且加上以下三段代码
          overflow: hidden;
          -webkit-backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
      2022-10-10
      赞
      回复
请 登录 后发表内容
相关问题
相关文档