prototype.jsベースの画像切抜き用JavaScriptライブラリ
2006年10月25日-
スポンサード リンク
DEfusion.org.uk JavaScript Image Cropper UI, using Prototype & script.aculo.us
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に慣れていればソースも見やすく改良もしやすいかも。
関連エントリ
スポンサード リンク
最新のブログ記事(新着順)
- 2010年2月9日 管理人のブックマーク
- シンプルデザインがクールなJavaScript-WYSIWYGエディタ「TinyEditor」
- Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイン「Virtual Earth Toolkit」
- Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン
- 2010年2月8日 管理人のブックマーク
- クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
- JavaScriptを使って実現した面白サイト集
- 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」
- オプティマイジングWebサイト - 書籍紹介
- Android機でWordPressの記事が書けるアプリケーションが公開


















間違いの指摘をしていただける方はメールでお願いします(クリック)


