收藏
回答

对正方形图border-radius:50%无效不能显示圆形而是一个有菱角的形状

框架类型 问题类型 操作系统版本 手机型号 微信版本
小程序 Bug 很多版本都这样 很多手机型号都这样 很多版本都这样

对正方形图片设置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%;仍然表现出有菱角不是圆





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

3 个回答

  • ==
    ==
    2019-01-15

    仔细看,这个是个圆,,旁边有白色,你图片的问题

    2019-01-15
    有用 2
    回复 1
    • 方小美
      方小美
      2019-01-17

      谢谢啦!观察地真仔细👍真的是图片外围有白色背景的原因我都没注意到😂

      2019-01-17
      回复
  • 方小美
    方小美
    2019-01-17

    看到白色空隙了吧……原来是这图片问题哎😂

    2019-01-17
    有用
    回复
  • 铭锋科技
    铭锋科技
    2019-01-15


    哈哈,骗我们用你的图片吧

    2019-01-15
    有用
    回复
登录 后发表内容