SVG椭圆弧

我花了好几个小时来解决这个问题，我试图画椭圆弧来填充红色圆圈中的空格，我能有一些示例代码吗

编辑：

由于形状是使用JavaScript生成的，因此我将添加从浏览器生成的SVG元素：

<svg width="500" height="500" style="background-color: white; padding: 0px 10px; user-select: none;" id="chart">

    <path d="M 375,300 a 1 1 0 0 0 -300 0" stroke="lightgray" fill="lightgray"></path>

    <path id="__currentVal__" d="M 75,300 l 150,0 l -106.06601717798213,-106.06601717798212 " stroke="skyblue" fill="skyblue"></path>
</svg>

蓝色形状将是id为

\uuuu currentVal\uuuu

的元素，椭圆弧命令将插入命令

M 75300 l 150,0 l-106.06601717798213，-106.06601717798212

预期输出如下（使用MS Paint编辑）：

---

这是您正在使用的d属性：

d=“M 75300 l 150,0 l-106.06601717798213，-106.06601717798212”

M 75300

表示您正在移动到点x:75，y:300

因为您使用的是小写命令，所以这些是相对命令。例如，

l150,0

表示在x方向上从75移动150个单位到225。y没有改变，这意味着y:300。圆弧的中心位于该点：x:225，y:300

命令的这一部分也让我知道圆弧的半径是150

接下来，路径（

l-106.06601717798213，-106.06601717798212

）从上一个点x:225 y:300到点x:225-106.06601717798213=118.93398282201787，y:300-106.06601717798212=193.933982201787

我画了一个小圆圈来可视化这一点（x:118.93398282201，y:193.93398282201787）。弧将从这里开始。我还在点x:75，y:300上画了另一个小圆圈。弧将在这里结束。现在我可以画弧了：

M118.93398282201193.93398282201787 A 150150 0 0 75300

1：如果你“为解决这个问题苦苦挣扎了几个小时”，那么你将拥有读者可以评估的代码，所以请发布它。2:对教程或文档等内容的请求在帮助中心中定义为堆栈溢出的非主题。首先，请尝试以下操作：

查看路径的d属性。这是绘制圆弧的零件：

A45,45 0 0 1 27.5,11.028

其中45是半径，如果圆和27.5,11.028是圆弧结束点的x和y坐标。在这种情况下，圆弧从上一条直线（5,50）的最后一点开始。为了能够帮助你，我需要知道圆弧的半径，起点和终点。请编辑您的问题并添加这些问题values@underscore_d我只有画蓝色三角形的代码，我不知道如何画一个简单的椭圆弧，但我会用代码重新编辑这个问题，谢谢。@enxaneta所有坐标都是用JavaScript随机生成的，也许我试着用浏览器生成的内容编辑这个问题，谢谢。多详细的答案啊！非常感谢你对这个问题的回答！