实现各种尺寸的图片裁剪成圆形头像

效果图：

<a href="#">
　　<div class="jqthumb" style="width: 200px; height: 200px; opacity: 1;">
　　　　<div style="width: 100%; height: 100%; border-radius: 100%; margin: 3px auto; cursor: pointer; transition: all 0.4s ease-in-out; transform: scale(1); background-image: url(&quot;http://img.woyaogexing.com/2016/12/29/5f54545463bff6f8!200x200.jpg&quot;); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
　　</div>
　　<img src="http://img.woyaogexing.com/2016/12/29/5f54545463bff6f8!200x200.jpg" style="display: none;">
</a>

 

转载于:https://www.cnblogs.com/moumou0213/p/6413370.html