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

Question

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值为什么呢？

Answer 1

可以使用各种不同的度量来测量角度.最常见的是:

• 度,其中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%.