gpt4 book ai didi

jQuery:jCrop 'setSelect' 根本没有设置?

转载 作者:行者123 更新时间:2023-12-01 05:31:48 29 4
gpt4 key购买 nike

我在我的网络应用程序中使用jCrop插件。但是,我试图预选图像上的一个区域,但这根本不起作用,并且没有预选任何区域。

这是我的代码:

$('.position').live('click', function(){

var img = $('.selected').attr('data-image');

//create var
var jscrop_api;

//set instance to our var
$('#target').Jcrop({
// start off with jcrop-light class
bgOpacity: 0.5,
bgColor: 'black',
addClass: 'jcrop-dark',
boxWidth: 750,
boxHeight: 750,
bgFade: true,
setSelect: [ 60, 70, 540, 330 ]
}, function () {
jcrop_api = this;

});

//change image for instance
jcrop_api.setImage(img);

});

如您所见,我正在使用 setImage(); 函数。所以,我不确定问题是否是因为这个?

或者,是否存在 z-index 问题?如果 z-index 完全适用于 setSelect 吗?

有人可以就这个问题提出建议吗?

编辑:

好吧,我刚刚发现了一些没有意义但可能对这里的某人有意义的东西。

如果我删除 jcrop_api.setImage(img); 并在我的 jCrop 函数中添加 setImage: img, 。它将在图像上添加预先选定的区域,但选定的图像 (img) 不会更新或出现在裁剪区域中!

有什么建议吗?

最佳答案

我不确定我是否可以回答我自己的问题,但这对我有用:

$( document ).ready(function() {
jcrop_api.setSelect([ ($('#target').attr('width') / 2) - 10,
($('#target').attr('height') / 2) - 10,
($('#target').attr('width') / 2) + 10,
($('#target').attr('height') / 2) + 10
]);
});

我希望它对处于我这种情况的人有所帮助。

关于jQuery:jCrop 'setSelect' 根本没有设置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36791558/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com