title: How to get four corners rotate handle for a rotatable div..?
body: <p>I have a div, used <code>Jquery UI rotatable</code> plugin to rotate the div.
  How i can get this rotate handle with four corners of green colored div to rotate.? </p>
  
  <pre><code>$('.box').draggable().rotatable();
  </code></pre>
  
  <p>This is the sample image, where in the black rounded mark i need the other three rotatable handle to place. </p>
  
  <p><a href="https://i.stack.imgur.com/iGeoP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iGeoP.png" alt="enter image description here"></a></p>
  
  <p>My sample code in <a href="https://jsfiddle.net/arunvalaven/n5anhu2r/1/" rel="nofollow noreferrer">Jsfiddle</a>..!</p>