HTML画布的圆弧函数教程
HTML画布的圆弧函数教程
提问于 2008-11-25 23:34:43
我无法弄清楚arc()函数的所有参数是什么(通过实验)，我也没有找到任何教程来解释它们。在哪里可以很好地解释arc()函数呢？
回答 4
Stack Overflow用户
回答已采纳
发布于 2008-11-26 01:08:17
arc(x, y, radius, startAngle, endAngle, anticlockwise)前三个参数x、y和radius描述了一个圆，绘制的圆弧将是该圆的一部分。startAngle和endAngle是沿着圆开始和停止绘制的位置。0表示东边，Math.PI/2表示南边，Math.PI表示西边，Math.PI*3/2表示北边。如果逆时针方向为1，则圆弧的方向反转。
https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs
在附图中，唯一的区别是逆时针参数。当顺时针或逆时针时，Math.PI/2总是向南结束
Stack Overflow用户
发布于 2012-02-29 05:06:48
我也遇到了同样的问题，并制作了一个小的交互式页面来帮助理解它：
http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element
所有的参数都可以调整，生成的圆弧是实时渲染的。该页面还演示了fill()、stroke()和closePath()方法如何与arc()方法交互。
Stack Overflow用户
发布于 2008-11-25 23:43:40
根据MDC的说法
arc(x, y, radius, startAngle, endAngle, anticlockwise)x、y和radius显然是圆参数。startAngle和endAngle是弧度，从东开始。逆时针是一个布尔值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/319267
复制相关文章
相似问题