rotate_handle_corners

How to get four corner rotate handles..?

by Arun Valaven

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/jquery.ui.rotatable.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">
<div class="box">
</div>

CSS

body{
    padding: 30px;
}

.box {
    border:2px solid black;
    width: 100px;
    height: 100px;
    background-color:green;
}
    
.ui-rotatable-handle {
    background: url("https://cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/rotate.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25px;
    margin: 100px -27px;
    width: 25px;
}

JavaScript

$('.box').draggable().rotatable();