圆形图像？答案

【问题标题】：circular images?圆形图像？
【发布时间】：2011-08-23 01:38:15
【问题描述】：

我正在使用 PHP 制作一个网站，用户可以在其中上传个人资料的图片。我已经可以正常工作了。但是，我希望用户图像是圆圈。从我读过的内容来看，我相信我无法将图像裁剪成圆形，我将不得不屏蔽图像以使部分图像透明。我真的不知道从哪里开始。如果有人能指出我正确的方向，或者甚至是一些示例代码，我将不胜感激！！！

【问题讨论】：

您使用的是 gd 还是 ImageMagick，或者您已经做到了这一点？
这不是最跨浏览器的解决方案，但您可以使用 CSS。

标签： php image geometry

【解决方案1】：

如果页面背景一致，则无需实际编辑图像。假装成这样……

<div style="width: 50px; height: 50px; background-image: url('path/to/user/image.jpg'); background-position: 0px 0px; background-repeat: no-repeat;">
    <img style="margin: 0px; padding: 0px; border: none;" src="path/to/circle/mask.png" alt="" />
</div>

你也可以在你的样式表中加入相当多的这种标记（以清理它）。

【讨论】：

【解决方案2】：

只需将图像保存为正方形，并使用圆角裁剪图像。

您将图像设置为 div 中的背景图像，并将 CSS 设置为圆角（足以使您的 div 成为圆形）。您也可以使用 PIE 使这个 CSS 标记在 IE 6-8 上工作。有关详细信息，请参阅 PIE 网站。

http://css3pie.com/about/

【讨论】：

但是这是我获取用户图像的方式。如何将用户图像放入 div 的背景中？ #apDiv20 { //这是我唯一的猜测/尝试，但它失败了 background-image: ;边框半径：189px；位置：绝对；宽度：378px；高度：378px； }
@user906357 你也可以在图像上做圆角。没试过。