首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >来自cropperJS的setCropBoxData不起作用

来自cropperJS的setCropBoxData不起作用
EN

Stack Overflow用户
提问于 2018-02-08 03:26:59
回答 1查看 2.5K关注 0票数 3

我正在使用cropperJS,并且我正在尝试使用setCropBoxData的函数,但这不起作用,文档也没有给出明确(我认为)如何使用它的示例。如果有人能帮上忙那就太棒了。

这是我的函数

代码语言:javascript
复制
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();

}

我也试过了:

代码语言:javascript
复制
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();

}

提前感谢

EN

回答 1

Stack Overflow用户

发布于 2018-08-07 22:36:40

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

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

代码语言:javascript
复制
 data:{
   width: 240,
   height:  507,
 },

请参考链接以了解我的方法。

以后再谢谢我吧。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48671784

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档