画布中的HTML/Javascript绘制弧不起作用 - 矩形/线条很好

Question

在使用HTML5/Javascript画布代码片段时遇到一些问题.请参阅下面的相关部分.两个正方形和线条显示没有问题 - 但圆/弧没有..为什么这个？!我的"弧"代码出了什么问题？...谢谢.

HTML文件:

<section id="main">
<canvas id="canvas" width="600" height="400">
    Requires modern browser.
</canvas>

<!-- START JAVASCRIPT -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">   </script>
<script src="js/canvas.js"></script>
<script>
    $(document).ready(function() {
        CV.initialize();
    });
</script>

Javascript文件:

CV.initialize = function()
{
console.log('start');
cv = $('#canvas')[0];
canvas = cv.getContext('2d');

canvas.beginPath();
canvas.arc(200, 200, 150, Math.Pi, 0, false);
canvas.closePath();
canvas.stroke();

canvas.strokeStyle = "blue";
canvas.strokeRect(10, 10, 50, 50);
canvas.fillRect(100, 100, 150, 150);

canvas.beginPath();
canvas.moveTo(300,300);
canvas.lineTo(400,350);
canvas.closePath();
canvas.stroke();
};

Answer 1

我认为Math.Pi需要是Math.PI(大写i)