Php 阿凡达麻烦四舍五入

我正在尝试找出执行以下操作的最佳方法： 假设我有一个x色的圆圈，我想在其中放置一个头像，我的目标是使头像图像也变圆，以使结果看起来更好

我可以用PHPGD来实现这一点，但是可能需要做很多计算（除非我错过了一些gd函数），有没有更好或更快的方法来解决这个问题，比如css

---

tia

如果我是你，为了简单起见，我会使用CSS3。下面将把图像变成一个圆圈，并给它一个1px的圆圈边框

div.avatar{
    width:30px; height:30px; border:solid 1px #000;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

div.avatar img{
    width:30px; height:30px;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
}

<div class="avatar"><img src="" /></div>

div.avatar{
宽度：30px；高度：30px；边框：实心1px#000；
-webkit边界半径：16px；-moz边界半径：16px；边界半径：16px；
}
头像组{
宽度：30px；高度：30px；
-webkit边框半径：15px；-moz边框半径：15px；边框半径：15px；
}

• 旧版本的IE不支持CSS3

---

如果我是你，为了简单起见，我会使用CSS3。下面将把图像变成一个圆圈，并给它一个1px的圆圈边框

div.avatar{
    width:30px; height:30px; border:solid 1px #000;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

div.avatar img{
    width:30px; height:30px;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
}

<div class="avatar"><img src="" /></div>

div.avatar{
宽度：30px；高度：30px；边框：实心1px#000；
-webkit边界半径：16px；-moz边界半径：16px；边界半径：16px；
}
头像组{
宽度：30px；高度：30px；
-webkit边框半径：15px；-moz边框半径：15px；边框半径：15px；
}

• 旧版本的IE不支持CSS3

---

实际上，最好使用一些CSS技巧来实现这一点。基本上，您希望在图像上方设置一个透明的PNG，将其用作图像的遮罩。 举个例子

---

我不建议在没有某种备份的情况下使用CSS3解决方案（border radius），因为它不太受支持。但是我想，如果您同意只使用现代支持，那么CSS3将是更好的选择。
实际上，您最好使用一些CSS技巧来实现这一点。基本上，您希望在图像上方设置一个透明的PNG，将其用作图像的遮罩。 举个例子

---

我不建议在没有某种备份的情况下使用CSS3解决方案（border radius），因为它不太受支持。但是我想如果您同意只使用现代支持，那么CSS3将是更好的选择。
最简单的方法是使用简单的CSS选择器：

<img class="avatar" src="" />

---

是的，就是这么简单。查看我的代码笔示例：
最简单的方法是使用简单的CSS选择器：

<img class="avatar" src="" />

---

是的，就是这么简单。查看我的Codepen示例：
要保存代码，您也可以只做

div.avatar

css，然后将html作为

用户名（屏幕阅读器的文本替换）谢谢大家的快速响应，太糟糕了，我无法分割正确的答案。.Jleagle刚刚想出了最快的工作示例。；）要保存代码，您也可以只做
div.avatar
css，然后做html作为
User name
（屏幕阅读器的文本替换）谢谢大家的快速响应，太糟糕了，我不能分割正确的答案。.Jleagle刚刚想出了最快的工作示例。。）“支持率要低得多”？你说的是IE@feeela和其他浏览器的旧版本。考虑到仅IE7+8的市场份额就估计在25%左右，我认为提供一个后备方案是值得的。或者你只是在那些浏览器中有方形图片，给一个该死的，并促进更新到新的软件…Bigevilgrin我不是说网站需要看起来完全一样。我的意思是，对于为这个创建一个PNG掩码所涉及的很少的额外工作，用这种方式来代替CSS3是值得的。“支持更少”？你说的是IE@feeela和其他浏览器的旧版本。考虑到仅IE7+8的市场份额就估计在25%左右，我认为提供一个后备方案是值得的。或者你只是在那些浏览器中有方形图片，给一个该死的，并促进更新到新的软件…Bigevilgrin我不是说网站需要看起来完全一样。我想说的是，对于为它创建一个PNG掩码所涉及的很少额外工作来说，这样做而不是CSS3是值得的。