プログラミングで飯を食え。腕をあげたきゃ備忘録!

PHP、JavaScript、HTML5、CSS3などWEB系言語を中心に基本テク、備忘録をまとめます。Android、Iphoneアプリ開発についても!

今更HTML5のcanvas!getContext()のメモ

サクウェブTVはコチラ↓↓↓
サクウェブTV

canvasHTML5で追加された要素だが、getContextメソッドの理解が曖昧だったのでメモしておきます。

getContextメソッドcanvasJavaScriptから描画する際に、描画に必要なAPIにアクセスするためのオブジェクトを生成する。

var canvas = document.getElementById("canvas");
var c = canvas.getContext("2d")

などとして、canvasタグのエレメントに適用することで当該エレメント内に描画をするためのオブジェクトが生成できる。

上記ソースでは、そうして生成したオブジェクトを変数cに代入しているため、実際の描画は変数cへ描画メソッドを適用していくことになります。