3

我正在使用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();

}

提前致谢

4

1 回答 1

1

我解决了它..在这里参考我在这篇文章中的解决方案..设置cropbox数据

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

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

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

晚点再谢我。

于 2018-08-07T14:36:39.727 回答