HTML5のキャンバスにお絵かき

HTML5のcanvasに絵を描いた。
筆にはJavascriptを使用。

参考サイト
http://kachibito.net/web-design/html5-canvas.html

勉強したこと

<canvas id="canvas" width="640" height="480"></canvas>

というタグを埋めこむと幅640[px]高さ480[px]のキャンバスができる。
絵を貼り付けるには

onload = function() {
// 画像の取得
img = new Image();
img.src = "hoge.png";

// 絵の貼りつけ
canvas = document.getElementById("canvas").getContext("2d");
canvas.drawImage(img, 0, 0);  // ペタッ
}

とすればできちゃう。
けど、画像にロードに関して注意が必要
注意点 http://www.html5.jp/canvas/how6.html