ペイント領域を設定する シンプルペイントの制作に取りかかりましょう。最初に、ペイント領域をcanvas要素として用意します。このcanvas要素には、スクリプトで操作しやすいように「myCanvas」というID名を付け、width属性とheight属性を指定します。ここでは横幅640ピクセル、縦幅480ピクセルにしました。 <canvas id="myCanvas" width="640" height="480"></canvas> このままだと、IE6~8などのCanvasに対応していないブラウザーでは何も表示されませんので、未対応ブラウザーの場合は次のようにメッセージを表示します。 <canvas id="myCanvas" width="640" height="480"> HTML5 Canvasに対応したブラウザーを使用してください。 </canvas> これで、HTMLの準備
![ASCII.jp:HTML5のCanvasで作る、Flash不要のお絵かきツール|古籏一浩のJavaScriptラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f30b344abccf83ea52ab16016534f183e874f56/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243922%2Fl%2F545b6842b4bdc2be.jpg)