JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://deepliquid.com/projects/Jcrop/js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="http://jcrop-cdn.tapmodo.com/v0.9.12/css/jquery.Jcrop.min.css">
<img id="imgbox" src="http://i.telegraph.co.uk/multimedia/archive/01460/perfect-pet_1460793c.jpg" width=200/>


<canvas id="preview">

</canvas>

JavaScript

jQuery('#imgbox').Jcrop({
            onChange: showPreview,
            onSelect: showPreview,
            trueSize: [460, 288]
        });

function showPreview(c)
{
    var imageObj = $('#imgbox')[0];
                var canvas = $("#preview")[0];
                var context = canvas.getContext("2d");
                context.drawImage(imageObj, c.x, c.y, c.w, c.h, 0, 0, 200, 200);
};