Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在croper.js中裁剪图像后,如何获取裁剪图像的数据?_Javascript_Css_Angularjs_Canvas_Cropper - Fatal编程技术网

Javascript 在croper.js中裁剪图像后,如何获取裁剪图像的数据?

Javascript 在croper.js中裁剪图像后,如何获取裁剪图像的数据?,javascript,css,angularjs,canvas,cropper,Javascript,Css,Angularjs,Canvas,Cropper,这是我的代码的一部分,我正在用图像源初始化画布 var $image = ""; var extension = ""; var options = { viewMode: 3, checkCrossOrigin: false, crop: function (e) { return e.detail; } }; var initCrop = function () { var src = scope.selectedFileSrc;

这是我的代码的一部分,我正在用图像源初始化画布

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();
我想得到的偏移量,偏移量,高度和宽度的图像,裁剪后的图像

请帮我一下,谢谢