jquery - JCrop：防止取消选择？

Question

我目前正在设置图像上传裁剪序列。

应用程序需要一个强制的最小尺寸，但是这会导致尴尬的 JCrop 行为：

• 单击而不拖动不会产生任何结果。
• 单击并轻轻拖动会立即产生最小高度的选择。

一种潜在的解决方案将解决上述问题：

• 界面以默认选择打开。
• 无法取消选择。

JCrop 具有用于默认选择的内置功能，但是我尚未确定用于防止取消选择的内置配置/行为。

迄今为止的尝试——

我试过这条路线

$.Jcrop.defaults.onRelease = function(e) {
     e.preventDefault();
     e.stopPropagation();
}

return我还尝试在几个地方修改插件的源代码，以便通过在打开这些函数定义时短路（可能）执行取消选择的函数：

doneSelect Selection.release Selection.done

...没有想要的结果。

有小费吗？

Answer 1

设置allowSelect: false，详情查看：https ://github.com/tapmodo/Jcrop/issues/5#issuecomment-1801926 。

Answer 2

allowSelect选项现在可用

Answer 3

我在 GitHub 上看到了这个，它有帮助。

$('#cropbox').Jcrop({
    onSelect : updateCoords,
                bgColor : 'transparent',
                bgOpacity : .2,
                setSelect : [ 0, 0, 700, 300 ],
                minSize : [700, 300],
                allowSelect : false,
                onRelease : releaseCheck
                });
        });

function releaseCheck() {
    this.setOptions({ setSelect: [0,0,700,300] });
}

https://github.com/tapmodo/Jcrop/issues/5#issuecomment-1801926

Answer 4

由于我无法为 jCrop 找到可行的修改以防止取消选择，因此我选择了YUI ImageCropper，它具有两个必要的功能。