javascript - 为什么html5 canvas标签使用PI值绘制圆？

var c = document.getElementById("myCanvas");
var cir = c.getContext("2d");
cir.beginPath();
cir.arc(100, 100, 50, 0, 2* Math.PI );
cir.stroke();

要么

var c = document.getElementById("myCanvas");
var cir = c.getContext("2d");
cir.beginPath();
cir.arc(100, 100, 50, 0, 6.14);
cir.stroke();

这两个代码可以绘制一个完整的圆圈，因此为什么我们在此使用pi值？

最佳答案

Angular 可以通过各种不同的方法进行测量。最常见的是:

Degrees，其中360度等于一个完整的圆圈

Radians，其中数学常数π(希腊字母Pi)(大约为3.14159265)是一个半圆，一个完整的圆是2π。

arc(x, y, radius, startAngle, endAngle, anticlockwise) 函数采用弧度角，因此传递值startAngle=0和endAngle=2*Math.PI将从点radius绘制一个半径为(x,y)的完整圆。

编辑:
您发布的代码行:

cir.arc(100, 100, 50, 0, 6.14);

将绘制一个圆的大部分时间，如6.14 < 2π。 2π大约是6.283185，因此圆弧大约是整个圆的98％。