JSFiddle - React, Tailwind, and code Playground

by stevea

HTML

<img id="orig" src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg'>

CSS

body{
    padding-top:30px;
    padding-left:30px;
}
.cellGrip_se {						/* cell_grip_style  */
    position:absolute;
    bottom:-20px; 
	right:-20px;
    width:20px; 		
	height:20px;
    background-color:blue;
}

JavaScript

$(function() {  // ready
    
   img$ = $('img#orig');
   img$.resizable({handles : 'ne,se,sw,nw', aspectRatio : true});  // adds the ui-wrapper
   imgBox$ = img$.parent('.ui-wrapper');
   imgBox$.append("<div class='cellGrip_se'></div>");
   imgBox$.draggable({handle : '.cellGrip_se'});
  
});