畫布中的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）