对正方形图border-radius:50%无效不能显示圆形而是一个有菱角的形状
对正方形图片设置border-radius:50%实现边缘是圆形效果。结果在微信开发者工具和真机上都表现异常。
-原图是个正方形图片:
- 当前 Bug 的表现(可附上截图)
- 预期表现
外边缘应该类似这样是个圆
- 复现路径
- 提供一个最简复现 Demo
–html结构
<view>
<image class=‘test’ src=‘test.jpeg’></image>
</view>
–css样式文件
.test {
width: 50px;
height: 50px;
border-radius: 50%;
}
也试过对外层对view设置一样的宽高和border-radius: 50%;仍然表现出有菱角不是圆