1

jCrop を使用して、アップロードした画像をトリミングする機能をユーザーに提供したいと考えています。結果は正方形のフォーマットになるはずです。選択範囲は画像の中央に表示され、最短の寸法に沿って両側に約 10% のギャップがあります。現在のコード:

        jcrop_api = $.Jcrop('#imgCrop', {
            onSelect:    storeCoords,
            onChange:    storeCoords,
            aspectRatio: 1
            setSelect:   [20, 20, 280, 280]
        });

したがって、ハードコードされた値ではなく、x1、y1、x2、y2 の値を正しい位置に設定する方法が必要です。

4

1 に答える 1

0

プレビューメソッドの座標を配列のパラメーターとして使用します。

 jcrop_api = $.Jcrop('#imgCrop', {
        onSelect:    storeCoords,
        onChange:    storeCoords,
        aspectRatio: 1
        setSelect:   [ ($('#imgCrop').attr('width') / 2) - 10, 
                       ($('#imgCrop').attr('height') / 2) - 10, 
                       ($('#imgCrop').attr('width') / 2) + 10, 
                       ($('#imgCrop').attr('height') / 2) + 10 
                     ]
        });

パターンを見つけて一貫して機能させるには、試行錯誤が必要です。

于 2012-09-14T04:29:27.363 に答える