HTML5のCanvasによって画像加工が出来る「CamanJS」
2011年03月02日-
スポンサード リンク
CamanJS - Image Manipulation in Javascript
HTML5のCanvasによって画像加工が出来る「CamanJS」。
画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。
ビフォア
アフター
次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。
こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。
関連エントリ
HTML5のCanvasによって画像加工が出来る「CamanJS」。
画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。
ビフォア
アフター
次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。
こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。
関連エントリ
スポンサード リンク
By.KJ : 2011年03月02日 11:04 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 文字がパスに沿って流れる斬新なナビゲーションメニュー実装
- 画面をオーバーレイでかっこよく切り替えるサンプル
- マウスのDDで要素を回転させられる「Propeller.js」
- Three.jsを使って画像をインタラクティブにグニャグニャ動かすデモ
- 入力フォームをスライダー形式にグラフィカルにできる「jquery.formslider」
- 斜めがかったおしゃれなスライドショー実装「Crossroads Slideshow」
- ドラッグ＆ドロップでサイトを作れるようにするJS「VvvebJs」
- 3Dオブジェクトを爆発させて散らばらせる派手なThree.jsを使ったデモ
- CSS3でケン・バーンズエフェクトを使ったスライドショー実装「subtle-slideshow.js」
- WebGLを使ったスクロールでパーティクルがアニメーションするサンプル
- 過去のエントリ
