ブラウザ上で画像の簡易編集機能を実現できる「photo-editor」
それほど高機能ではありませんが、画像のズーム、回転、切り抜きという...(続きを読む)

JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」
canvasのネイティブAPIは若干分かりづらいという方も多そうですが、このラ...(続きを読む)

HTML5とCanvasでアプリを作れるフレームワーク「iio Engine」
物理エンジンや当たり判定、アニメーションのライブラリ等が含まれてい...(続きを読む)

高機能なHTML5お絵かきツールを実装できるjQueryプラグイン「jquery.dev...
レイヤー機能、フィルタ機能の他、様々な機能が実装されており、１つの...(続きを読む)

jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」
canvasのコードが次のようにjQuery風かつ直感的に記述できますjQueryを使って...(続きを読む)

HTML5のcanvasをもっと簡単に操作できる「KineticJS」
サンプルコード付きでサンプルが紹介されており、インタラクティブなコ...(続きを読む)

canvasを使って画像をスタイリングするチュートリアル
。画像をブラウザ上でリアルタイムに切り抜いたり色合いを変えたり、円...(続きを読む)

オープンソースのHTML5お絵かきウィジェット「Literally Canvas」
基本的なお絵かき機能がつまったお絵かきウィジェットが簡単に実装でき...(続きを読む)

Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」
。Canvasに対応しているブラウザなら以下のように滑らかに、色を変えたり...(続きを読む)

CanvasとWebcamで作られたブラウザ上で動作する面白デモｘ２
。WEBCAMの映像に画像をオーバーレイ表示させたり、顔認識で顔が小さくな...(続きを読む)

HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
データは配列で定義してdrawするだけです。描画コードは次のように美しい...(続きを読む)

HTML5のcanvasを使ったアニメーションするタグクラウド実装スクリプ...
次のように３Dなタグクラウドがアニメーションします。Flashで似たような...(続きを読む)

ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js...
。ユーザのマウス位置をヒートマップという形で表示してサイトの利用方...(続きを読む)

HTML5で超リアルなページめくり効果を実装するチュートリアルとサ...
。canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chro...(続きを読む)

サーバ送信不要なHTML5による画像切り取りツール作成ツール
HTML5とcanvasを使って画像の中の指定部分を切り取って画像化するという処...(続きを読む)

JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」
サーバサイドでブラウザを動かしてスクリーンショットを取るというより...(続きを読む)

HTML5のCanvasによって画像加工が出来る「CamanJS」
。画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を...(続きを読む)

HTML5のキャンバスと連動させて音声をビジュアライズしたデモ
Windows Media Player とかを使ってるとよくあるあの動くやつをHTML5のCanvasを使...(続きを読む)

HTMLCanvasとJavaScriptで画像にウォーターマークを入れられる「watermark....
ウォーターマークっていうのは、画像の著作権表示なんかを画像上に表示...(続きを読む)

HTML5とJSでWEB上に綺麗な楽譜が書けるライブラリ「VexFlow」
。Canvas+SVGで描画され、次のように綺麗に描画できます。たとえば、次のよ...(続きを読む)