JQuery UI resizable example

by klodoma

HTML

<div class="stage">

</div>
<img src="https://wp.dev.mapps-video.com/wp-content/uploads/2018/05/IanPark-h400.jpg" class="ui-selected ls-l ui-draggable ui-draggable-handle">

CSS

.ui-resizable-helper {
  border: 1px dotted #999;
}

#resize {
  background-color: #ccc;
}

.demodiv {
  height: 150px;
  width: 150px;
  float: left;
  margin-left: 5px;
}

JavaScript

$('img').resizable({
  helper: "ui-resizable-helper",
  grid: [10, 10]
}).draggable();