我正在使用crop tool from fengyuanchen,它具有很棒的功能。我正在尝试制作具有动态尺寸的固定裁切框。
但是我目前只停留在如何确定如何使其具有一定尺寸的问题上。
我尝试了以下方法:
$(function() {
$('.img-container > img').cropper({
aspectRatio: 16 / 9,
autoCropArea: 0.65,
strict: false,
guides: false,
highlight: false,
dragCrop: false,
cropBoxMovable: false,
cropBoxResizable: false,
setCropBoxData('1600', '1200')
});
});
但是
setCropBoxData
对我不起作用。我究竟做错了什么?更新
这应该是为该实际裁切框设置固定宽度的正确语法,但是我仍然没有得到任何结果:
$(function() {
var $toCrop = $('.img-container > img');
$toCrop.cropper({
aspectRatio: 16 / 9,
autoCropArea: true,
strict: false,
guides: false,
highlight: true,
dragCrop: false,
cropBoxMovable: false,
cropBoxResizable: false,
built: function () {
$toCrop.cropper("setCropBoxData", { width: "100", height: "50" });
}
});
});
最佳答案
我终于找到了解决方案。我的错误是我将string
而不是number
作为参数传递给setCropBoxData
函数。
这是正确的语法:
$(function() {
var $toCrop = $('.img-container > img');
$toCrop.cropper({
aspectRatio: 16 / 9,
autoCropArea: 0,
strict: false,
guides: false,
highlight: true,
dragCrop: false,
cropBoxMovable: false,
cropBoxResizable: false,
built: function () {
// Width and Height params are number types instead of string
$toCrop.cropper("setCropBoxData", { width: 1600, height: 800 });
}
});
});
关于javascript - 丰源晨收割机如何设置动态固定式收割箱,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31407586/