JCrop：如何防止取消选择？

Question

我正在设置一个上传图片的剪裁流程。

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

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

解决上述问题的一种潜在方法是：

• 界面打开时默认选择。
• 所选内容无法取消选择。

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

迄今为止的尝试 -

我已尝试了以下路线

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

我也尝试在插件源代码的几个地方进行修改，以便通过在这些函数定义的开头使用return来短路（或许）执行取消选择的功能：

doneSelect Selection.release Selection.done

但没有得到想要的结果。

有什么建议吗？

- Daniel B.

Answer 1

设置 allowSelect: false, 获取更多详细信息请查看：https://github.com/tapmodo/Jcrop/issues/5#issuecomment-1801926。

- dandamian

Answer 2

现在提供了allowSelect选项。

- Viacheslav Gostiukhin

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

- Peter Moses

Answer 4

由于我无法找到一个可行的修改方法来防止 jCrop 的反选，所以我选择了 YUI ImageCropper，它自带了这两个必要的功能。

- Daniel B.

---

链接已失效。 - Mr.Singh