コードは以下の通りです。
・index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvasで図形を描く</title>
<script type="text/javascript" src="paint.js"></script>
</head>
<body onLoad="draw()">
<canvas id="mycanvas"width="800" height"800">
</canvas>
</body>
</html>
[codeJScript]
function draw() {
//描画コンテキストの取得
var canvas = document.getElementById('mycanvas');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.arc(180,150,20,Math.PI*1,Math.PI*2,true);
}
}
[/code]
このコードでは(180,150)の位置に半径20の円が描画されるはずなのですが、何も表示されませんでした。
どこかコードに誤りがあるのでしょうか?
よろしくお願いします。