使用和不使用aspectRatio设置JCrop不一致的点击行为

时间:2013-09-03 21:54:32

标签: jcrop

如果设置minSize,Jcrop似乎有不同的点击行为,具体取决于您是否另外设置了aspectRatio选项。如果设置minSize + aspectRatio,则必须单击并拖动才能显示裁剪框;如果您在未设置aspectRatio的情况下设置minSize,您只需单击即可获得裁剪框。

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

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

在这两种情况下,有没有人有幸用裁剪框显示点击

1 个答案:

答案 0 :(得分:0)

您可以尝试在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;}
    );
});