The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us.

prototype.jsベースの画像切抜き用JavaScriptライブラリ。
写真上でドラッグすると破線で枠が作成され、囲んだ領域の座標とサイズを取得できます。
サーバサイドと連動することで、画像の切り抜きがブラウザ上でインタラクティブに実現できますね。



特徴として次のようなものがあります。
・Shiftを押しながらドラッグでサイズ固定で範囲の拡大縮小。
・リサイズ時の最小幅/高さの設定が可能
・ブラウザはIE5.5以降、Firefox1.5以降、Safari2.0以降までサポート

ウェブ上で画像編集ツールなんかを実現できてるサイトがありますが、こういったライブラリがあれば作るのも比較的楽ですね。
Prototype.js ベースなのでPrototype.jsに慣れていればソースも見やすく改良もしやすいかも。

関連エントリ

• 画像切り取り用PHPライブラリ
• DHTMLな画像キリトリスクリプト
• フリーの画像リサイズ＆切り取りスクリプト