imgr

lightweight image cropper

<link rel="stylesheet" href="imgr.min.css">
<script src="imgr.min.js"></script>

<input type="file" id="crop">

<script>
var crop = new Imgr("#crop",{
  size : {
    width : 600,
    height : 600
  },
  ratio : 0.5,
  quality: 0.9,
  callback : function(result){
    document.body.appendChild(result);
  }
});
</script>