画像リサイザーとクロッパーを作成しようとしていますが、目的のポイントからのサイズ変更に問題があります。
現在、サイズ変更 (要素の with+height を変更するだけ<img>) と画像内の移動 (要素の上マージンと左マージンのオフセット<img>) が可能です。問題は、移動して再度サイズ変更すると、画像の中心から移動することです。トリミング ウィンドウの中心に対してサイズを変更したいと思います。
これは私が現在持っているもの（上）とそれがどのようになるべきか（下）の画像です： http://i.imgur.com/eAE4IEF.jpg
原点が画像の中心ではなく、赤いウィンドウの中心になるように、サイズを変更してから移動する方法の計算を理解できませんでした。
これについて何か助けていただければ幸いです。