jCrop强制裁剪

Question

如果图片没有正确的大小，你知道如何强制裁剪吗？

我使用的是jQuery jCrop插件。我需要强制任何图像被裁剪，但如果你点击远离裁剪区域，裁剪被释放。我试着去做：

$('#cropthumb').Jcrop({
  onRelease: setSelect,
}

这将在任何版本上调用函数setSelect()。然后在一个函数中，我再次设置选择。

function setSelect(){
  jcrop_api.setSelect([10,10,180,160]);
}

这就是我想要的效果。但在初始加载时，我会检查缩略图是否以正确的大小显示。如果考虑符合我的要求：

jcrop_api.release();
jcrop_api.disable();

这是不起作用的，因为我的初始加载将总是调用setSelect()函数，并且已经裁剪的图像可以再次裁剪。

Answer 1

创建一个外部变量，它将由您的禁用代码设置并由您的setSelect函数检查。

var isDisabled = false;

function setSelect(){
    if(!isDisabled)
        jcrop_api.setSelect([10,10,180,160]);
}

在禁用jCrop的代码中：

isDisabled = true;
jcrop_api.release();
jcrop_api.disable();