javascript - Jquery のサイズ変更可能なプラグイン、ドラッグ エッジに応じて minWidth を設定

Question

だから私は画像を持っています。その周りには切り抜きマーカーがあります。切り抜きマーカーのサイズを画像よりも小さくしたくありません。

これを行うには、ユーザーがサイズ変更する側に応じてクロップ マーカーの minWidth を設定する必要があります (どこにでもハンドルがあります: n、ne、e、se など)。

私の質問は次のとおりです。これをどのように達成しますか? （質問をもう少し明確にするために画像を含めました）

また、ここに問題を示すjsfiddleがあります。

Answer 1

この質問を 2 回投稿したようです。ここに他の質問からの私の答えがあります:一種の奇妙な相互作用ですが、ここにあります( jsfiddle )

$(function() {
    $( "#resizable" ).resizable({
        handles : 'e, n, s, w',
        resize : function(event, ui){
            switch($(this).data('resizable').axis)
            {
                case 'n':
                    $(this).resizable( "option", "minHeight", 75 );
                    break;
                case 's':
                    $(this).resizable( "option", "minHeight", 100 );
                    break;
                case 'e':
                    $(this).resizable( "option", "minWidth", 150 );
                    break;
                case 'w':
                    $(this).resizable( "option", "minWidth", 200 );
                    break;
            }
        }
    });
});​