圆形图像?

时间:2011-08-22 17:32:00

标签: php image geometry

我正在使用PHP创建一个网站,用户可以在其中上传其个人资料的图像。我已经做好了工作。但是,我希望用户图像是圆圈。根据我的阅读,我相信我不能将图像裁剪成圆形,我将不得不掩盖图像以使图像的一部分透明。我真的不知道从哪里开始。如果有人能指出我正确的方向,或者甚至是一些示例代码!!!我真的很感激。

2 个答案:

答案 0 :(得分:6)

如果页面背景一致,则无需实际编辑图像。像这样把它弄出来......

<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>

你也可以在样式表中加入相当多的标记(以便清理它)。

答案 1 :(得分:3)

只需将图像保存为方形,然后使用圆角裁剪图像。

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

http://css3pie.com/about/