ここからしばらく、HTML5のcanvasについて書こうと思います。 canvasは、何やら新しいもののように思えますが、実際に操作する時に働くのはjavascriptなので、描画に関するルールや関数を覚えてしまえば、あとはスクリプトが書けるかどうかのお話です。 Canvas – HTML5.JP 基礎的な部分については、他の解説サイトやリファレンスをお読みください。ここではiconDecotterで実装する時にやったことに絞って、メモ的にまとめます。ちなみに、ブラウザはcanvasに対応していることを前提としますので、主にIE8以下等については考慮しません。 そもそも何故canvasを使うのか 実際のところ、Web上の効果表現のみであれば、向き不向きは多少あるものの、jQueryなどのエフェクトを使ったアニメーションで代用が効きます。canvasが活かせるのは、ゲームやドローツール等のイ