Как получить данные обрезанного изображения после обрезки изображения в 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, высоту и ширину изображения после обрезки изображения.

Пожалуйста, помогите мне в этом, спасибо заранее.