前の記事 ≪:画像クリックでその場で色々な形でズームできるjQueryプラグイン「Nivo ...
次の記事 ≫:2013年3月15日 管理人のブックマーク

JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」

2013年03月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Fabric.js Javascript Canvas Library

JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」
canvasのネイティブAPIは若干分かりづらいという方も多そうですが、このライブラリを使えばオブジェクト指向で楽々Canvasプログラミングが出来そうです
単に便利にコーディングできるようになるだけでなく、オブジェクトをマウスで拡大や回転できるなどといった色々な機能も盛り込まれていて便利そうです



ネイティブAPIだと、四角形を描画するのに、次のようなコードを書きます。



これが、Fabric.jsを使うと次のように、とても分かりやすくなります。fillRectの引数の順ってどうだっけ?と毎回リファレンスを牽く必要もなくなりますね



他にもドキュメントを参照すれば、CanvasをネイティブAPIで書く面倒さを理解できるはず

デモページも結構充実しており、眺めればどんなことができるのか分かるはず



関連エントリ

関連の記事検索:canvas
スポンサード リンク

By.KJ : 2013年03月15日 10:02 livedoor Readerで購読 Twitterに投稿

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