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

Rebound.jsとCanvasを使った超カッコイイローディングアニメーション...
Facebook製のアニメーションライブラリRebound.jsを使った、これまで見たこと...(続きを読む)

Canvasを使ったMaterialアバター実装jQueryプラグイン「material-avatar」
。次のような四角or円形＋文字でマテリアルデザインっぽい画像を作れま...(続きを読む)

画像に雨の日のエフェクトをつけられる「rainyday.js」
普通の画像をCanvasで曇らせて水滴を付けてアニメーションさせるという効...(続きを読む)

SVG、Canvasを使った次世代のテキストホバーエフェクト集
。ホバーでテキストにきりこみを入れたり、バックグラウンドアニメーシ...(続きを読む)

プリズムによって画像を屈折させつつ美しくスライドさせるスライ...
。Canvasを使って実装しているようですが、一見の価値があります。関連エ...(続きを読む)

画像・動画にリアルタイムでフィルタをかけられるjQueryプラグイン...
グレー、セピア、ノイズ、ぼかしといった豊富なフィルタを画像・動画に...(続きを読む)

SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js...
。とにかくデモがスゴイので一見の価値があると思います。バックグラウ...(続きを読む)

JSでCanvasに描いた文字等をOCRできる「Ocrad.js」
。次のようにphpと文字を描いてみると認識される他、画像から文字を取得...(続きを読む)

Canvas小さな地図を描画できるjQueryプラグイン「smallworld.js」
小さくてズームも縮小もできず地名もでないけど、シンプルな世界地図と...(続きを読む)

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

WebGLではなくSVG、CANVASを使った迫力ある3D表現デモ「Flat Surface Shader...
新たな可能性を感じるデモ。WebGLに対応していない環境がおおいなか、こ...(続きを読む)

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

Canvasベースの読込中アニメーションデモ「Sonic」
スマホなんかで滑らかにローディングを表示したい場合にはGIFアニメとい...(続きを読む)

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

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

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

様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」
。カーソルを合わせるとインタラクティブにデータが表示されたりするグ...(続きを読む)

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

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