CANVASでお絵描き part1

html5のcanvasタグを使って日本国旗を描いてみました。
canvas面白い！

ソースコードは以下

 function sample () { 
 // 描画コンテキストの取得
 var canvas = document.getElementById('sample1');
 if (canvas.getContext) {
 var context = canvas.getContext('2d');

 // 色を指定する
 context.fillStyle = 'rgb(255,00,00)'; //塗りつぶしの色は赤

 // 左から150上から100の位置に、円を描く
 context.arc(150,100,60,Math.PI*2,false);
 context.fill();
 }
 }

 <canvas id="sample1" width="300" height="200" style="border: solid 1px #000;"></canvas>