SVG路径半圈(raphael)

时间:2013-10-14 03:06:59

标签: svg path raphael

您好我正在尝试创建一个位于完成圆圈底部的内圈,尝试使用paper.path()创建它,这里是示例jsfiddle here

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

1 个答案:

答案 0 :(得分: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");

这似乎是你所追求的。