如何使用Croppie（网页图像裁剪工具）

Question

我遇到了Croppie作为一个适合我正在进行的项目的工具。设置Croppie后，我能够成功查看我需要裁剪的任何图像，但是从系统中选择图像的那一刻，裁剪效果会发生，因此尝试裁剪图像后不起作用，并且当拼出图像时显示它显示图像加载时被裁剪的部分。

  $scope.submitImage = function(){
             $('#myImage').attr('src', source);
         }

var source = "";

var docrop = function(imgsrc){
var vanilla = new Croppie(document.getElementById('item'),{
                viewport: {
                    width: 80,
                    height: 80,
                    type: 'circle'
                },
                boundary: {
                    width: 400,
                    height: 400
                }
            });

            vanilla.bind(imgsrc).then(function() {
                vanilla.result('canvas','original').then(function (src) {
                                source = src;
                });
            });

         }