jQuery/javascriptで画像クロッピングとリサイザ（同時に）コードをゼロからコード化しますか？

Question

かなり単純なJavascript（jQuery）イメージクロッター&リサイザをコーディングしています。基本的に今のところ必要な機能は実際に作物とリサイズです。

私は、などJCropのようないくつかのjQueryプラグインをチェックしてきた、同時に両方ことをやって何のプラグインがありませんようです。同じくらい自然な画像ビュー上の2つのフィーチャではなく、同時にリサイズすることはできません。

http://jsfiddle.net/opherv/74Jep/33/

私は、これは同時に2つの機能を持って行くために可能な方法だろうと思いますが：Naturalによって私はこのような例（右下）は、ユーザーのために、視覚的に非常に良いではないことを意味します。この例を見ることができますが唯一すぎ、現在ズームするとそれがそうするために、著者自身が「醜いハック」を使用しての資格です：

function changeZoom(percent){ 
    var minWidth=viewport.width(); 
    var newWidth= (orgWidth-minWidth)*percent/100+minWidth; 
    var newHeight= newWidth/orgRatio; 
    var oldSize=[img.width(),img.height()]; 

    img.css({ width: newWidth+"px", height: newHeight+"px" }); 

    adjustDimensions(); 

    //ugly hack :(
    if (img.offset().left+img.width()>dragcontainer.offset().left+dragcontainer.width()){ 
     img.css({ left: dragcontainer.width()-img.width() +"px" }); 
    } 
    if (img.offset().top+img.height()>dragcontainer.offset().top+dragcontainer.height()){ 
     img.css({ top: dragcontainer.height()-img.height() +"px" }); 
    } 
} 

我々はむしろクロッパーフレームを使用するpossibiltyを探しています/ゾーン（画像上で最も頻繁に見られるように）+画像のズーム/ズーム解除オプション（画像の境界にあるハンドルなど）

私たちは、私たちが（少なくとも今のところは）必要ではない他の機能を詰め込んで、残酷になる他のjavascriptファイル/プラグインを追加したくないので、これを一からやってコードしてください。

質問です：は、フレーム/ゾーン選択によって簡単なハンドル& croppableで再かなり画像の表示をコーディングしようとしているの具体的な難しさは、独自に再かなりのことと思われる（があり、ユーザーが希望する画像のどの部分を細かく調整できるか）

2つの機能を分離することは間違いありませんか？

ありがとうございました。

Answer 1

このプラグインを試しましたか？

http://code.google.com/p/resize-crop/

それは