imgAreaSelect jQuery plugin - Examples - odyniec.net

画像の領域選択が超簡単になるjQueryプラグイン「imgAreaSelect」。
他にも同様のライブラリはありますが、これは必要な便利機能がいろいろあって使えそうです



<img id="pic" src="...">

とあったとすれば、$("#pic").imgAreaSelect(); で基本は動作します。

あとはオプションで、
・領域の最大サイズを指定
・領域のアスペクト比を指定
・初期選択領域の指定

が可能です。
こういう機能は使っていくにあたってはあったほうが便利そうですね。

UIに癖がなくて汎用に使えそうなところもGood

関連エントリ

• 画像編集ツールで領域を選択しているようなエフェクトをCSSとGIFアニメで実現する方法
• 選択範囲をドラッグ＆拡大して写真の部分的な拡大ができるJSウィジェット「Dojo Zoomer」