Javascript 为什么html5画布标签使用PI值来绘制圆圈?

Javascript 为什么html5画布标签使用PI值来绘制圆圈?,javascript,html,canvas,Javascript,Html,Canvas,或 这两个代码可以画一个完整的圆,所以在这里我们为什么要用π值呢?它作为度量单位来描述弧的角度。这在编程语言中非常常见,尤其是在图形编程中。360度的整圆等于2*PI弧度。数学的值。PI:3.141592653589793更精确。和cir.arc(100,100,50,0,6.14)不画一整圈。第二个代码不画一整圈:右边有一个间隙。原因是6.14小于一个完整的圆(弧度),即2π,约为6.28。在JavaScript中,π通常使用属性Math.PI,因为它提供了非常精确的近似值(使用系统中的双精度


这两个代码可以画一个完整的圆,所以在这里我们为什么要用π值呢?

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

数学的值。PI:3.141592653589793更精确。和
cir.arc(100,100,50,0,6.14)不画一整圈。

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


另外,这不是关于
canvas
标记,而是关于在
canvas
元素指定的画布上绘制的JavaScript代码。

角度可以通过各种不同的度量进行测量。最常见的是:

  • ,其中,
    360
    度等于一整圈
  • ,其中数学常数
    π(希腊字母Pi)-约为3.14159265-是半个圆,一个整圆是
该函数以弧度表示角度,因此传递值
startAngle=0
endAngle=2*Math.PI
将从点
(x,y)
以半径
绘制一个完整的圆

编辑: 您发布的代码行:

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

将绘制大部分圆,如
6.14<2π
。2π约为6.283185,因此弧约为整圆的98%。

这是一个奇怪的问题。。。听说过几何学吗?如果使用的值超过
2*Math.PI
,那么圆就画过头了。但是,通过使用小于
2*Math.PI
的值,可以创建不完整的圆(确切地说是-arc)。这就是它的工作原理:创建一个半径更大的圆,您将能够注意到
6.14
不会创建完整的圆。现在差别是如此之小,以至于你无法用肉眼看到它。放大页面可能会有所帮助。这在编程语言中很常见,因为它在数学和工程中很常见。只有当你开始绘制蓝图和计划时,你才能为你的机械师和技术员转换学位。这是因为另一个答案没有回答这个问题。充其量只是一个评论。问题是为什么是2pi?至少这个答案提到2pi弧度定义了一个完整的圆。@slebetman,你认为这4个答案中有谁是这个问题的答案吗?是的。答案是它只是使用弧度而不是度数。到目前为止,Der Flatulator的答案是最完整的,而GrandmasterB的答案是这个问题的第一个直接答案。弧度与度不是问题所在。问题是为什么使用
2*Math.PI
而不是
6.14
var c = document.getElementById("myCanvas");
var cir = c.getContext("2d");
cir.beginPath();
cir.arc(100, 100, 50, 0, 6.14);
cir.stroke();
cir.arc(100, 100, 50, 0, 6.14);