这时候我们再点击裁图，就完美还原了，左边和上边的间隙就是setCanvasData的top和left，根据实际项目进行调整，setCropBoxData的left和top是相对于cropper-canvas的定位，才有了以上的计算形式。
此时，基本功能到此结束，如果说是应用在h5编辑中，设计到scale缩放的话，相关的数据计算都要算上scale的缩放值哦，不然就会出现展示图片和编辑图片大小不对等的状况。同时还有许多功能就不做展示了，设置裁剪框比例，编辑缩放等，欢迎尝试。
当然了，如果想要保存图片，也有相应的方法到处裁剪图片的数据
this.myCropper.getCroppedCanvas().toDataURL('image/jpeg')
最后，我们可以看到，在整个功能过程中，我们需要的只是裁剪的数据，读写快，也不需要进行额外的图片存储，减少文件服务器存储的开销与优化。
感谢大家收看，欢迎讨论和指正。