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に慣れていればソースも見やすく改良もしやすいかも。
関連エントリ
スポンサード リンク
投稿者 KJ : 2006年10月25日 07:04
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















