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 data = cropper.getCropBoxData();

    setTimeout(function() {
      data.left = 100;
      data.top = 200;
      cropper.setCropBoxData(data);
    }, 1000)
  }
});