はじめに HTML5において追加されたCanvasは、HTMLとJavaScriptを用いてWebページ内に図形や線などを描画できる機能で、動画や音楽を再生するvideoタグやaudioタグなどとともに、HTML5の代表的な機能としてしばしば紹介されます。 Canvas機能を用いるとHTMLのcanvas要素で定義された領域に対してJavaScriptで描画処理を行えます。以下のような描画を行うAPIが提供されています。 線(直線、曲線) 図形(四角形、円) 色とスタイル(単色、グラデーション、影) 文字の描画(サイズ、フォント、色の指定) 変形(拡大、回転、マトリクス変換) しかし、Canvas描画処理のJavaScript APIはグラフィックス処理独特の記述方法となっており、学習のハードルはそれなりに高いものになっています。 今回紹介するjCanvasは、HTML5 Canvasの機
![HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4ddc3961e3f0fef38fa558532d9f395db9f18e2/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F7903%2F7903_arena.png)