jcrop - 设置和不设置 aspectRatio 的 JCrop 不一致的点击行为

Question

如果你设置了 minSize，Jcrop 似乎有不同的点击行为，这取决于你是否额外设置了 aspectRatio 选项。如果设置 minSize + aspectRatio，则必须单击并拖动才能显示裁剪框；如果您设置 minSize 而不设置 aspectRatio，您所要做的就是单击以获取裁剪框。

这很容易在 JCrop 的高级演示页面 ( http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced ) 上重现：

• 如果您选中了“允许新选择”和“minSize/maxSize 设置”，您所要做的就是在图像内部单击以显示裁剪框。
• 如果您选中了“允许新选择”、“minSize/maxSize 设置”和“纵横比”，则必须在图像内单击并拖动才能显示裁剪框。

有没有人在这两种情况下都可以通过点击来显示裁剪框？

Answer 1

您可以尝试在 click 事件上调用 setSelect API 方法。您可以使用 x 和 y 坐标，您只需指定宽度和高度。

例如：

jcrop_api.setOptions({
  setSelect:    [10,10,100,100],
  aspectRatio:2
});

其中 jcrop_api 在“附加” jcrop 到图像时被初始化：

$j(function($) {
    $('#leftImg').Jcrop({
        onSelect: checkSelection,
        onChange: checkSelection,
        onRelease: wholeImage,
        bgOpacity:0.2,
        bgColor:"white"
        },function(){jcrop_api = this;}
    );
});