javascript - HTML canvas 的 arc 函数教程

Question

我无法弄清楚 arc() 函数的所有参数是什么（通过实验），而且我还没有找到任何似乎可以解释它们的教程。arc() 函数的一个很好的解释在哪里？

score 38 · Accepted Answer

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

前三个参数，x 和 y 以及半径，描述一个圆，绘制的圆弧将是该圆的一部分。startAngle 和 endAngle 是沿着圆圈开始和停止绘制的位置。0 为东，Math.PI/2 为南，Math.PI 为西，Math.PI*3/2 为北。如果逆时针为 1，则圆弧的方向相反。

顺时针

逆时针

在附图中，唯一的区别是逆时针参数。Math.PI/2 在顺时针或逆时针时总是以南结束

score 5 · Accepted Answer

我遇到了同样的问题，并制作了一个小的交互式页面来帮助理解它：

可以调整所有参数，并实时渲染生成的弧线。该页面还演示了 fill()、stroke() 和 closePath() 方法如何与 arc() 方法交互。

score 2 · Accepted Answer

根据MDC：

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

x、y 和半径显然是圆参数。startAngle 和 endAngle 以弧度表示，从东开始。逆时针是一个布尔值。

score 0 · Accepted Answer

HTML5的canvas和arc函数的简单介绍可以看这个简单的例子：http: //pastebin.com/kxB7uJLD

这么久。

4 回答 4