图片添加border-radius后，会先方形，然后闪一下，变圆
发布于 6 年前 作者 weitan 13882 次浏览 来自 问答

尝试过两种方式：

1、border-radius加到图片上；

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

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

请问下，是否有解决方法

10 回复

will-change: transform

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

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

我准备，页面数据加载成功后：

setTimeOut(()=>{

//TODO关闭

},3000);

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

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

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

也是iOS 设备

will-change:auto;

关闭GPU加速

我的代码也差不多

亲测有效 感谢大神!!!

谢谢官方回复，@黄思程

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

加个will-change: transform试试

您好 代码如下:

<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 出现

暂时就测试了这几个机型

回到顶部