HTML/Javascript在画布中绘制弧不';t工作-矩形/直线很好

HTML/Javascript在画布中绘制弧不';t工作-矩形/直线很好,javascript,html,Javascript,Html,在使用HTML5/Javascript画布代码片段时遇到一些问题。请参阅下面的相关章节。两个正方形和直线显示时没有问题,但圆/圆弧没有问题。。这是为什么?!我的“arc”代码有问题吗?。。。谢谢 HTML文件: <section id="main"> <canvas id="canvas" width="600" height="400"> Requires modern browser. </canvas> CV.initialize = func

在使用HTML5/Javascript画布代码片段时遇到一些问题。请参阅下面的相关章节。两个正方形和直线显示时没有问题,但圆/圆弧没有问题。。这是为什么?!我的“arc”代码有问题吗?。。。谢谢

HTML文件:

<section id="main">
<canvas id="canvas" width="600" height="400">
    Requires modern browser.
</canvas>
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();
};

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

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

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();
};