今更HTML5のcanvas!getContext()のメモ
canvasはHTML5で追加された要素だが、getContextメソッドの理解が曖昧だったのでメモしておきます。
getContextメソッドはcanvasをJavaScriptから描画する際に、描画に必要なAPIにアクセスするためのオブジェクトを生成する。
var canvas = document.getElementById("canvas"); var c = canvas.getContext("2d")
などとして、canvasタグのエレメントに適用することで当該エレメント内に描画をするためのオブジェクトが生成できる。
上記ソースでは、そうして生成したオブジェクトを変数cに代入しているため、実際の描画は変数cへ描画メソッドを適用していくことになります。