svg - SVG路径半圆（拉斐尔）

Question

我正在尝试创建一个位于完整圆圈底部的内圈。我一直在尝试使用paper.path().

这是这里的示例jsfiddle

paper.path("M32,180 L248,180 a15,10 8 0,1 -215,0 z");

Answer 1

使用这样的sector功能：

sector(140, 140, 116, 200, 340, {})

返回几乎你想要的。只需将第一个移动替换为命令移动到弧的第一个点而不是圆的中心，你就可以开始了。

代替

return paper.path(["M", cx, cy, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0, x2, y2, "z"]).attr(params);

和

return paper.path(["M", x1, y1, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0, x2, y2, "z"]).attr(params);

你得到：

paper.path("M30.995655988834628,179.67433662577756L30.995655988834628,179.67433662577756A116,116,0,0,0,249.00434401116536,179.67433662577756z");

这似乎是你所追求的。