javascript - 在cropper.js中裁剪图像后如何获取裁剪图像的数据？

Question

这是我的代码的一部分，我用图像源初始化画布。

var $image = "";
var extension = "";
var options = {
    viewMode: 3,
    checkCrossOrigin: false,
    crop: function (e) {
        return e.detail;
    }
};

var initCrop = function () {
    var src = scope.selectedFileSrc;
    $timeout(function () {
        $image = $("#cropImage");
        $image.attr('src', src);
        $image.cropper(options);
    });

};

scope.setCropMethod = function (method, option) {
    var result = $image.cropper(method, option);
    var x = $image.cropper.getData();
    switch (method) {
        case "getCroppedCanvas":
            if (result) {
                scope.croppedFileSrc = result.toDataURL();
                scope.$emit('imageCropped', {
                    croppedImage: result,
                    croppedExtension: extension
                });
            }
            break;
        case "reset":
            if (scope.croppedFileSrc) {
                scope.croppedFileSrc = "";
                $image.cropper('destroy');
                initCrop();
            }
            break;
    }
scope.$on('$destroy', function () {
    $image.cropper('destroy');
});

initCrop();

裁剪图像后，我想获取图像的 offsetX、offsetY、高度和宽度。

请帮助我，在此先感谢。