收藏
回答

图片添加border-radius后,会先方形,然后闪一下,变圆

问题模块
API和组件

尝试过两种方式:

1、border-radius加到图片上;

2、border-radius加在图片外层的view上

都是会出现先方后圆的,闪一下的情况。

请问下,是否有解决方法

最后一次编辑于  2017-12-12  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

18 个回答

  • 黄思程
    黄思程
    2017-12-13

    加个will-change: transform试试

    2017-12-13
    赞同
    回复 1
    • 何以解忧
      何以解忧
      2018-07-15

      你在给图片加个animate还是会有这种问题

      2018-07-15
      回复
  • 黄思程
    黄思程
    2017-12-12

    安卓外层view 设置border-radius会失效,这个我们会在新版修复

    2017-12-12
    赞同
    回复 1
    • 当初遇你
      当初遇你
      2018-07-17

      什么时候修复成功呢

      2018-07-17
      回复
  • 黄思程
    黄思程
    2017-12-12

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。

    2017-12-12
    赞同
    回复 1
    • 当初遇你
      当初遇你
      2018-07-17

      远程调试没有问题,正常network有问题,win7就这样

      2018-07-17
      回复
  • PENL L
    PENL L
    2017-12-14

    will-change:auto;

    关闭GPU加速

    2017-12-14
    赞同
    回复
  • PENL L
    PENL L
    2017-12-14

    will-change: transform

    看了下网上查的,要关闭来着。

    图片border-radius这个过程,不像hover那种,移开自动关闭;

    我准备,页面数据加载成功后:

    setTimeOut(()=>{

    //TODO关闭

    },3000);

    3秒后,setData({ closeWillChange:true });

    2017-12-14
    赞同
    回复
  • PENL L
    PENL L
    2017-12-14

    谢谢官方回复,@黄思程

    顺便,可以改下小程序开发助手,它App-icon也会这样哈

    2017-12-14
    赞同
    回复
  • .    随  .|
    . 随 .|
    2017-12-14

    亲测有效 感谢大神!!!

    2017-12-14
    赞同
    回复
  • PENL L
    PENL L
    2017-12-13

    也是iOS 设备

    2017-12-13
    赞同
    回复
  • PENL L
    PENL L
    2017-12-13

    我的代码也差不多

    2017-12-13
    赞同
    回复
  • .    随  .|
    . 随 .|
    2017-12-13

    您好 代码如下:


    <image background-size="cover" class="userinfo_avatar" src="###.jpg"></image>


    .userinfo_avatar {

        width:75rpx;

        height:75rpx;

        border-radius:50%;

    }

    无论该css放在app.wxss 或者当前文件夹下 或者写在style里 均出现一样问题



    经测试

    Iphone6 plus             Wechat 6.5.23 出现

    小米5S                       Wechat 6.5.22 出现

    Iphone5S                   Wechat 6.5.23 出现


    暂时就测试了这几个机型

    2017-12-13
    赞同
    回复

正在加载...