问题标签 [geometric-arc]

我想解决这个问题很简单，如果这很明显，请提前道歉，但我似乎无法弄清楚如何为两个不同的弧线设置两个不同的填充样式......我只是想能够绘制不同的色环。下面我介绍了我通常如何在画布中使用其他形状/绘图方法进行操作，但由于某种原因，对于弧线，它将两条弧线都设置为最后一个填充样式。

我看到的所有关于 SVG 属性的 ArcTo 指令的文档都<path/>将d前两个参数作为弧的 x 和 y 半径。

不过，早些时候，我在玩，在 FF8 和 Safari 5 中，它似乎是路径

和路径

呈现相同。从更多的播放来看，似乎真正使用的是 和 之间的rx比率ry。这是有道理的（因为如果当前位置2r远不止于此，您还会做什么），但是它是否在任何地方都有正式记录？

如果我可以依靠这种行为会很好，这样我就不必手动计算 x 和 y 半径，而只需说明它们的比率。

我正在用 Java 实现一个彩色的 petri 网。这是一种有限状态自动机。问题是我不知道如何实现“绑定”。换句话说，颜色应该分配给地点，弧形表达式应该分配给弧线。执行转换后，网络应进入新状态。所以，我不知道如何为弧分配功能。
我希望我的问题很清楚，因为我不想在这里解释彩色培养网的基础知识。如果有人可以提供一个网络链接来示例彩色 petri 网的 Java 代码，或者提供一些如何将函数分配给弧的想法，我将不胜感激。

我只想画一个椭圆的周长。我用这个：

但我经常得到一个填充的椭圆形。我究竟做错了什么？

我想使用使用渐变填充的画布绘制弧线。怎样才能做到这一点？

这是我的伪代码：

我正在使用KineticJS库来控制我制作的形状并根据需要重新绘制它们。我的问题是上面的代码根本不起作用。我假设我的数学不正确，因为如果我更改radians为类似4.0 * Math.PIis 绘制整个圆圈。

我一直在使用HTML5 Canvas Arc Tutorial作为参考。

请参阅此jsFiddle帖子以获取工作弧图；感谢Simon Sarris修复了我之前的问题。

我正在使用KineticJS插件来创建形状并使用事件处理程序。假设您单击了弧上的某个位置并且弧知道您单击的位置 ( x, y)，那么这两个坐标如何用于确定百分比？

当您单击任意位置时，总百分比始终为 100%。

加入

为了使这更简单，我可以对 ( x, y) 做些什么来虚拟弯曲对象，以便x从 0 变为最大x？

我正在尝试创建一个逐渐从一种颜色变为另一种颜色的弧（可变度数）。从蓝色到红色的示例：

这是我的代码：

但结果是整个弧线都涂上了相同的颜色。

编辑：
经过更多的实验，我发现颜色扩散是由弧的角度决定的。如果我画一个小角度的圆弧，只显示第一种颜色。角度越大，绘制的颜色就越多。如果角度很小，似乎没有渐变。
这是一个例子。我正在绘制 4 条弧线 - 90、180、270 和 360：

结果如下：

这是令人惊讶的，因为我希望红色在弧的开始，蓝色在结束，无论角度如何，两者之间的任何东西都会均匀分布。
我尝试使用位置参数手动分隔颜色，但结果是相同的：

知道如何解决这个问题吗？

我想在椭圆上画一条弧线。我不知道如何用曲线画弧，用直接弧法画弧无济于事，因为它们是在圆上画弧（目标c）

在进一步搜索中，我知道可以使用控制点绘制椭圆弧。我如何找到弧的控制点。

我知道椭圆的中心点（不是两个焦点），起始角度，结束角度，角度在椭圆上相交的两个点。从这些我可以找到两个控制点。

或者还缺少什么来解决这个问题

提前致谢

它说我不能上传图片，因为我的声誉很低。检查这个：https ://s3.amazonaws.com/abduBla/testfile.png

反正。椭圆是使用矩形绘制的。我应该找到什么值来获得控制点。找到控制点的最小和最简单的方法是什么

有没有办法在 HTML5/CSS（或 JS）中模拟可以在这张图片的外部看到的弧/圆（它说基础、教育、材料等的部分）？