四角形を描画する

絵を描けるようにするには、canvas要素を追加します。
canvas要素内で以下のメソッドで描画します。

パラメータは全て(x, y, 幅, 高さ)です。

描画メソッド	内容
fillRect	塗りつぶし四角形を描画
clearRect	四角形をクリア
strokeRect	四角形の専を描画

マウスを乗せると描画します。

---

このブラウザではcanvasは非対応です。

---

---

<canvas id="drawCanvas" onmouseover="drawRect();" style="border:1px solid;" width="400" height="300">このブラウザではcanvasは非対応です。</canvas>
<script language="javascript" type="text/javascript">
function drawRect() {
 var c = document.getElementById("drawCanvas");
 var context = c.getContext("2d");
 context.fillRect(40, 40, 200, 200);
 context.clearRect(50, 50, 150, 150);
 context.strokeRect(60, 60, 100, 100);
}
</script>

---