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

发布于 7 年前作者 weitan13991 次浏览最后编辑 7 年前来自 ask

尝试过两种方式:

1、border-radius加到图片上;

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

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

请问下,是否有解决方法

10 回复
hufang
hufang1 楼6 年前

will-change: transform

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

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

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

setTimeOut(()=>{

//TODO关闭

},3000);

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

dmao
dmao2 楼6 年前

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

uhuang
uhuang3 楼6 年前

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

plai
plai4 楼6 年前

也是iOS 设备

sujie
sujie5 楼6 年前

will-change:auto;

关闭GPU加速

lei01
lei016 楼6 年前

我的代码也差不多

liuyan
liuyan7 楼6 年前

亲测有效 感谢大神!!!

yduan
yduan8 楼6 年前

谢谢官方回复,@黄思程

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

yangxu
yangxu9 楼6 年前

加个will-change: transform试试

yqiu
yqiu10 楼5 年前

您好 代码如下:

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

暂时就测试了这几个机型