阿凡达麻烦圆角

Question

我正在试图找出做以下事情的最佳方法:假设我有一个颜色为x的圆圈,我想在其中添加一个头像,我的目标是使头像图像也圆润,以便产生结果看起来好多了.

我可以用php-gd做这个,但是可能需要做很多计算(除非我错过了一些gd函数),是否有更好或更快的方法来处理它,例如css？

TIA

Answer 1

如果我是你,我会使用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>

• 旧版本的IE不支持CSS3