JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<form action="" method="post">
<div id="wrapper">
    <img id="image" src="http://i.imgur.com/S51qe.jpg" alt="spongebob" />
</div>

<input type="hidden" name="img_width" value="600" />
<input type="hidden" name="img_height" value="200" />
<input type="hidden" name="source_x" id="source_x" />
<input type="hidden" name="source_y" id="source_y" />

<input type="submit" id="submit" name="submit" value="Save" />
</form>

CSS

#wrapper { width:600px; height:200px; overflow:hidden; border:5px solid #333; cursor:move; margin:10px; }
#submit { margin:10px;}

JavaScript

$("#image").draggable();