设置和不设置 aspectRatio 的 JCrop 不一致的点击行为答案

【问题标题】：JCrop inconsistent click behavior with and without aspectRatio set设置和不设置 aspectRatio 的 JCrop 不一致的点击行为
【发布时间】：2013-09-03 21:54:32
【问题描述】：

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

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

如果您选中了“允许新选择”和“minSize/maxSize 设置”，您只需在图片内单击即可显示裁剪框。
如果您选中了“允许新选择”、“minSize/maxSize 设置”和“纵横比”，则必须在图像内单击并拖动才能显示裁剪框。

在这两种情况下，有没有人能够通过点击来显示裁剪框？

【问题讨论】：

标签： jcrop

【解决方案1】：

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

例如：

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

将 jcrop “附加”到图像时初始化 jcrop_api 的位置：

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

【讨论】：