jQuery DragDrop Scale

by neosoyn

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script src="http://flin.org/js/jquery.transform.js"></script>
<script src="http://flin.org/js/jquery.transformable.js"></script>
<div id="parent">
<div class="draggable">Example</div>
</div>

CSS

#parent {
    
    width: 200px;
    height: 200px;
    
    margin: 20px;
    background: yellow;
    
   /*-webkit-transform: scale(1.5);*/
    
}

.draggable {
    
    height: 50px;
    width: 100px;
    text-align: center;
    
    background: red;
    color: #fff;
    
}

JavaScript

$("#parent").setTransform("scalex", 1.5);
$("#parent").setTransform("scaley", 1.5);
$('.draggable').draggable({ containment: "parent" });