收藏
回答

怎么让一个长方形的图片显示为圆形

如题。。。


如果只是调border-radius的话。。好像达不到效果

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

4 个回答

  • 哈喽哈喽
    哈喽哈喽
    2018-07-17

    image 标签里面添加 mode 属性,值设置为 center ,给图片设置宽度和高度,设置 border-radius: 50%

    2018-07-17
    赞同 2
    回复 3
    • 卢霄霄
      卢霄霄
      2018-07-17

      对哦!这方法好!

      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17

      好的好的 谢大佬

      2018-07-17
      回复
    • spring
      spring
      2018-07-17

      学习了 才发现微信的image自带剪裁

      2018-07-17
      回复
  • 等待戈多
    等待戈多
    2018-07-17

    这个纯属css问题

    2018-07-17
    赞同
    回复 1
    • 祝通
      祝通
      2018-07-17

      嗯嗯  谢谢,已经解决了

      2018-07-17
      回复
  • spring
    spring
    2018-07-17

    题主的意思是不是长方形要截取中间?

    2018-07-17
    赞同
    回复 5
    • 祝通
      祝通
      2018-07-17

      对对对对

      2018-07-17
      回复
    • spring
      spring
      2018-07-17回复祝通

      我的想法是canvas画成圆 然后drawImage就能定位了

      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17


      undefined
      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17

      不懂欸。。。


      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17

      调过来了,谢大佬

      2018-07-17
      回复
  • 卢霄霄
    卢霄霄
    2018-07-17

    你用一个view 包着image,然后给view设border-radius: 50%;overflow: hidden; 感觉能行

    2018-07-17
    赞同
    回复 5
    • 祝通
      祝通
      2018-07-17

      谢小姐姐,小姐姐好眼熟啊。。我发的好多问题你都回复过-


      2018-07-17
      回复
    • 卢霄霄
      卢霄霄
      2018-07-17回复祝通

      妹子,客气了

      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17回复卢霄霄


      undefined
      2018-07-17
      回复
    • 卢霄霄
      卢霄霄
      2018-07-17回复祝通

      高度是圆的高度,水平位置要是居中,对吧?长方形的图片的宽度固定不?

      2018-07-17
      回复
    • 祝通
      祝通
      2018-07-17

      好啦好啦 嘿嘿 调过来了

      2018-07-17
      回复
登录 后发表内容