JCrop：防止取消选择？答案

【问题标题】：JCrop: Prevent de-selection?JCrop：防止取消选择？
【发布时间】：2023-03-16 16:43:01
【问题描述】：

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

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

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

一种可能的解决方案可以解决上述问题：

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

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

目前的尝试 -

这条路线我试过了

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

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

doneSelect Selection.release Selection.done

...没有想要的结果。

有什么建议吗？

【问题讨论】：

标签： jquery image-processing jcrop

【解决方案1】：

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

【讨论】：

链接失效

【解决方案2】：

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

【讨论】：

【解决方案3】：

allowSelect 选项现在可用

【讨论】：

【解决方案4】：

我在 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

【讨论】：