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

效果图:

<a href="#">
  <div class="jqthumb" style=" 200px; height: 200px; opacity: 1;">
    <div style=" 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