title: Avatars from different size images
body: <p>I need to display round avatars from uploaded images.
  If users upload squared images(width equals to height), then there is no problem.</p>
  
  <p>If I could know width is longer than height or shorter, I could solve the problem.</p>
  
  <p>But actually, I don't know it and the problem I couldn't use jquery.</p>
  
  <p>I am using react.js and the current status is like this;</p>
  
  <p>I made a code when the width is longer because the width is longer often than height.</p>
  
  <p><a href="https://i.stack.imgur.com/P1vR3.png" rel="nofollow noreferrer">Avatar which is cut left and right</a></p>