来自cropperJS 的 setCropBoxData 不起作用答案

【问题标题】：setCropBoxData from cropperJS does not work来自cropperJS 的 setCropBoxData 不起作用
【发布时间】：2018-02-07 19:26:58
【问题描述】：

我正在使用cropperJS，并且我正在尝试使用setCropBoxData 的函数，但这不起作用，并且文档没有清楚地给出（我认为）如何使用它的示例。拜托，如果有人可以提供帮助，那就太棒了。

这是我的功能

function createCropper() {
data = new FormData();
var file = $('#file')[0].files[0];
$('#' + globalId).attr('src', window.URL.createObjectURL(file));
$('#img2').attr('src', window.URL.createObjectURL(file));
var image = document.getElementById('img2');
cropper = new Cropper(image, {
    aspectRatio: Cropwidth / Cropheigh,
    autoCropArea: 0.65,
    restore: false,
    center: false,
    highlight: false,
    cropBoxResizable: false,
    toggleDragModeOnDblclick: false,
    built: function () {
        cropper.setCropBoxData({ width: "100", height: "100" });
    }
});
cropper.crop();

}

我也试过了：

function createCropper() {
data = new FormData();
var file = $('#file')[0].files[0];
$('#' + globalId).attr('src', window.URL.createObjectURL(file));
$('#img2').attr('src', window.URL.createObjectURL(file));
var image = document.getElementById('img2');
cropper = new Cropper(image, {
    aspectRatio: Cropwidth / Cropheigh,
    autoCropArea: 0.65,
    restore: false,
    center: false,
    highlight: false,
    cropBoxResizable: false,
    toggleDragModeOnDblclick: false,
    built: function () {
        cropper.cropper("setCropBoxData", { width: "100", height: "100" });
    }
});
cropper.crop();

}

提前致谢

【问题讨论】：

标签： cropperjs

【解决方案1】：

我解决了.. 请参考我在这篇文章中的解决方案.. setting cropbox data

setCropBoxData(), 函数对我也不起作用，但经过学习和几次试验，我找到了一种使用 data 属性初始化宽度和高度的方法。

 data:{
   width: 240,
   height:  507,
 },

请参阅链接以查看我的方法。

稍后谢谢我。

【讨论】：