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

score 8 · Accepted Answer

可以使用多种不同的测量方法来测量角度。最常见的是：

该arc(x, y, radius, startAngle, endAngle, anticlockwise)函数以弧度为单位接受角度，因此传递值startAngle=0并将endAngle=2*Math.PI绘制一个完整的圆，半径radius为 point (x,y)。

编辑：您发布的代码行：

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

将绘制大部分圆圈，如6.14 < 2π. 2π 大约是 6.283185，所以圆弧大约是一个完整圆的 98%。

score 1 · Accepted Answer

第二个代码没有画一个完整的圆圈：右边有一个间隙。原因是 6.14 小于一个完整的圆（以弧度为单位），即 2π，约为 6.28。在 JavaScript中通常使用Math.PIπ 的属性，因为它提供了非常精确的近似值（在系统中使用双精度浮点数可实现的最精确的近似值）。

PS 这不是关于标签，而是关于在元素canvas指定的画布上绘制的 JavaScript 代码。canvas

score 1 · Accepted Answer

它使用弧度作为度量单位来描述弧的角度。这在编程语言中很常见，尤其是在图形编程中。一个完整的圆，360 度，等于 2 * PI 弧度。

score 1 · Accepted Answer

1

的值Math.PI: 3.141592653589793更准确。并且cir.arc(100, 100, 50, 0, 6.14);不会绕一圈。

于 2013-09-25T05:02:41.210 回答

4 回答 4