圆形图像？

Question

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

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

您也可以在样式表中放置相当多的标记(以清理它).