【JS】はじめてのcanvas入門

とりあえず長方形を描くのはこんなん。

htmlは

JS

//要素の取得
var canvas = document.getElementById( "canvas" );

//canvas要素から描画コンテキスト取得
var ctx = canvas.getContext( "2d" ); 

//パス初期化
ctx.beginPath();

//rect(x,y,横、高さ) 　長方形を書く
ctx.rect( 0, 0, 100, 200 );

//塗りつぶす
ctx.fill();

//パスを閉じる
ctx.closePath();