1

minSize を設定すると、aspectRatio オプションを追加で設定するかどうかによって、Jcrop のクリック動作が異なるように見えます。minSize + アスペクト比を設定した場合、クロップ ボックスを表示するには、クリック アンド ドラッグする必要があります。アスペクト比を設定せずに minSize を設定した場合は、クリックするだけでクロップ ボックスが表示されます。

これは、JCrop の高度なデモ ページ ( http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced )で簡単に再現できます。

  • [新しい選択を許可する] と [最小サイズ/最大サイズの設定] がオンになっている場合は、画像内をクリックするだけでトリミング ボックスが表示されます。
  • [新しい選択を許可する]、[最小サイズ/最大サイズの設定]、および [縦横比] がオンになっている場合は、画像内をクリックしてドラッグし、トリミング ボックスを表示する必要があります。

どちらの場合も、クリックするだけでクロップボックスを表示することができた人はいますか?

4

1 に答える 1

0

クリック イベントで 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;}
    );
});
于 2014-07-18T13:39:34.040 に答える