在裁剪区域外禁用鼠标单击

Dav*_*vid 3 javascript jquery jcrop

我正在尝试使用jquery jcrop裁剪图像.

此代码启动插件,使用aspcet比率将一些选定区域添加到图像.

$('#cropbox').Jcrop(
{
setSelect:   [ 100, 100, 50, 50 ],
aspectRatio: 16 / 9
});
Run Code Online (Sandbox Code Playgroud)

但是如果用户在其他地方的图像上单击鼠标,则选择消失.所以我想要的是在这个插件中禁用鼠标点击,这样选定的区域将保留在图像上.

Dav*_*vid 9

我已经收到了电子邮件,请求给jcrop的创建者并解决了这个问题

这是解决方案

首先必须有一些setSelect,因此总是从一开始就选择一些区域.

allowSelect: false可以防止鼠标点击,并使选定区域始终保持在图像上.