JSFiddle - React, Tailwind, and code Playground

by mstefanko

HTML

<script src="http://jcrop-cdn.tapmodo.com/v0.9.12/js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" href="http://jcrop-cdn.tapmodo.com/v0.9.12/css/jquery.Jcrop.min.css">
<div id="campaign-image-cropper"></div>

JavaScript

$('#campaign-image-cropper').Jcrop({aspectRatio:1,bgColor: '', minSize:[50,50], maxSize:[700,700], setSelect:[ 0, 0, 50, 50 ],function(){
						var campaign_jcrop = this;
						campaign_jcrop.animateTo([0,0,250,250]);
                                   }});



var src = 'http://www.desibucket.com/db2/01/26053/26053.jpg';

campaign_jcrop.setImage(src);
campaign_jcrop.animateTo([0,0,250,250]);