/*
	<canvas>要素サンプルコード(1) - 簡単な作画。
*/
domo_onload=window.onload;
window.onload=demo;

function demo() {
	if (domo_onload) domo_onload();

	/* <canvas>要素ノードの取得 */
	var c=document.getElementById('CANVAS1');
	if (!c) return(false);
	/* IEだとこれがないと動作しない場合があります */
	try {
		c=G_vmlCanvasManager.initElement(c);
		}
	catch(e) {}
	/* ノードが取れたか判定 */
	if (!c.getContext) return(false);

	/* 描画用のオブジェクトを取得する */
	var ct=c.getContext('2d');

	/* 画面の色を初期化する */
	var w,h;  /* 先ず、キャンヴァスの幅と高さを得る */
	if (!(w=c.style.pixelWidth)) {
		var s=document.defaultView.getComputedStyle(c, '');
		w=parseInt(s.width);
		h=parseInt(s.height);
		}
	else h=c.style.pixelHeight;

	ct.fillStyle='#ffffee';        /* 地の色をクリーム色に */
	ct.fillRect(0, 0, w, h);
	ct.strokeStyle='#ffdd00';      /* 線の色を山吹色に */
	ct.strokeRect(0, 0, w, h);

	/* 緑で四角を描く */
	ct.strokeStyle='#009900';      /* 線の色を緑に */
	ct.strokeRect(60, 30, 120, 120);

	/* 赤で円周を描く */
	ct.beginPath();                /* 描画開始 */
	ct.strokeStyle='#ff0000';      /* 線の色を赤に */
	ct.arc(120, 90, 70, 0, Math.PI*2, false);
	ct.stroke();                   /* 線で描く */

	/* 青で三角を描く */
	ct.beginPath();                /* 描画開始 */
	ct.strokeStyle='#0000ff';      /* 線の色を青に */
	ct.moveTo(120, 10);
	ct.lineTo(200, 150);
	ct.lineTo(40, 150);
	ct.closePath();
	ct.stroke();                   /* 線で描く */
}