Canvasで四角を描く

onload = function() {

  draw();

};

function draw() {

  /* canvas要素のノードオブジェクト */

  var canvas = document.getElementById('canvassample');

  /* canvas要素の存在チェックとCanvas未対応ブラウザの対処 */

  if ( ! canvas || ! canvas.getContext ) {

    return false;

  }

  /* 2Dコンテキスト */

  var ctx = canvas.getContext('2d');

  /* 四角を描く */

  ctx.beginPath();

  ctx.moveTo(20, 20);

  ctx.lineTo(120, 20);

  ctx.lineTo(120, 120);

  ctx.lineTo(20, 120);

  ctx.closePath();

  ctx.stroke();

}

http://www.html5.jp/canvas/how.html　より