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