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, {
  crop: function(e) {
  	//console.log(e.detail);
  },
  ready: function() {
  	cropper.setCropBoxData({
      left:0,
      top:0
    });
    cropper.setData({
      x:10,
      y:10
    });
    console.log(cropper.getData());
  }
});