Cropper JS exploration

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.0/cropper.min.css">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/0.8.0/cropper.min.js"></script>
<img id="image" src="https://fengyuanchen.github.io/cropperjs/images/picture.jpg" />

JavaScript

var image = document.getElementById('image');
var cropper = new Cropper(image, {
  aspectRatio: 16 / 9,
  crop: function(e) {
  	//console.log(e.detail);
  },
  ready: function() {
  	var image=cropper.getCanvasData();
    
    setTimeout(function() {
      cropper.setCropBoxData({
      	left:image.left+10,
        top:image.top+10
      });
    }, 1000)
  }
});