HTML画布的弧功能教程[关闭]答案

【问题标题】：tutorial for HTML canvas's arc function [closed]HTML画布的弧功能教程[关闭]
【发布时间】：2013-03-27 03:58:46
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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 在顺时针或逆时针时总是以南结束

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

根据MDC：

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

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

【讨论】：

"这个方法有五个参数：x 和 y 是圆心的坐标。半径是不言自明的。startAngle 和 endAngle 参数以弧度定义弧的起点和终点。起点"比“明显圈参数”要清楚一点。 :-)

【解决方案4】：

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

这么久了。

【讨论】：