我正在尝试创建一个带有两个弧的菜单作为菜单项，然后它们表现为触发像this one这样的径向菜单的按钮。
我一直在努力使用这些SVG路径，但却无法使它们正常运行。两个弧都必须是圆的1/4（它们最终必须彼此相邻放置，形成一个圆的1/2）。这是我到目前为止所得到的：JSFiddle。
我相信当我说我希望两个弧（1/4圈）彼此相邻（创造半个圆圈）时，我的意图已经足够清楚。
我也在这里包含HTML：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="a" d="M40 50 A 40 50 0,0,0 80 90 L 80 50 Z" fill="#bf1238"></path>
<path id="a" d="M120 50 A 120 50 0,0,0 120 90 L 120 50 Z" fill="#bf1238"></path>
</svg>
我还没有进入径向菜单部分，因为我想首先解决这个问题。如果您愿意，可以随意在径向菜单上留下任何建议，请注意我想在普通JS和SCSS中进行此操作。
固定
我意识到，感谢@Harry，我误解了来自A的{{1}}属性中的d - 语法。我将其定义为曲线的起点而不是path和X半径..这是现在的代码：
Y我还将更新我之前制作的JSFiddle，以便您可以看到结果！