html5画布中弧的起始角度和结束角度是多少?

时间:2011-07-19 11:44:50

标签: javascript html5 canvas html5-canvas

我正在学习HTML5而且我“坚持使用。”

语法

arc(x, y, radius, startAngle, endAngle, anticlockwise)

我没有得到这个startAngle,endAngle完全如何计算这两个参数 绘制不同类型的圆弧,弧线?

3 个答案:

答案 0 :(得分:20)

此方法采用六个参数:

  • x和y是圆心的坐标。
  • 半径是自我解释的。
  • startAngle endAngle 参数以弧度为单位定义弧的起点和终点。起始角和闭合角是从x轴测量的。
  • 逆时针参数是一个布尔值,当为true时,逆时针绘制弧,否则为顺时针方向。

为了更好地理解startAngle和endAngle

http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs/

http://www.html5canvastutorials.com/wp-content/uploads/2010/11/html5_canvas_arc6.png

答案 1 :(得分:2)

它们是弧度,而不是度数。

Some good examples

答案 2 :(得分:0)

我调查了几个答案,但对度数和弧度感到非常困惑,因此在使用html5 canvas测试时我绘制了图像。希望这可以帮助您轻松理解。

如果您比使用PI的公式更熟悉数字,那么 放入参数的答案只是在 0-6.2831 之间(大约2π,360°)

不需要“ π”或度数(180°) an image to understand startAngle/endAngle