6

我正在学习 HTML5,但我陷入了困境。

句法

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

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

4

3 回答 3

23

这个方法有六个参数:

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

为了更好地理解 startAngle 和 endAngle

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

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

于 2011-07-19T11:55:22.950 回答
4

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

一些很好的例子

于 2011-07-19T11:53:41.493 回答
1

我查看了一些答案,对度数和弧度感到非常困惑,所以我在使用 html5 画布进行测试时画了一张图像。希望这可以帮助您轻松理解。

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

它不需要“ π ”或度(180°) 一张图片来理解 startAngle/endAngle

于 2019-07-30T09:30:18.740 回答