求用html和java裁剪上传圆形裁剪框的头像

找了很久未找到圆形裁剪框的方法，求大神帮助刚入门的新人
需要制作一个圆形裁剪框裁剪出的圆形头像，就像新浪微博的上传头像一样

那不是裁剪成圆形图片，而是圆形遮罩
参见http://www.zhangxinxu.com/study/201112/radius-mask.html

你裁成正方形的，用css定义一个圆边就好了，低版本IE8-不支持就显示正方形的。

 <style type="text/css">
.radius{width:100px;height:100px;
        -moz-border-radius:50px;
        -webkit-border-radius:50px;
        border:solid 1px #aaa;
        border-radius:50px;
        -khtml-border-radius:50px;}
</style>
<img src="http://avatar.csdn.net/F/5/E/2_baidu_21029481.jpg" class="radius" />