如何使用JavaScript和SVG创建圆弧？

我正在尝试执行一个函数，以便在SVG路径上获取和绘制弧

我创建了一个名为

drawArcSegment

的函数，该函数采用4个参数

startPercentage、endPercentage、radius、thickness

，并完成了一些伪代码

这是我已经拥有的，但我不知道如何前进

var drawArcSegment = function(startPercentage, endPercentage, radius, thickness) {
  point1 = (R*cos(A), R*sin(A));
  point2 = ( (R-D)*cos(A), (R-D)*sin(A) );
  point3 = ( (R-D)*cos(B), (R-D)*sin(B) );
  point4 = (R*cos(B), R*sin(B));

  d="M10 10 H 90 V 90 H 10 L 10 10";

  $("#myPath").attr("d", d);
}

html部分

<svg width="190" height="160" xmlns="http://www.w3.org/2000/svg">
  <path stroke="black"
        stroke-dasharray="5,5"
        fill="green"
        id="myPath" />
</svg>

对于

d

var的值，我现在得到一个平方。但我需要这样的东西：

我有这个，以防你想看看

那么，有什么建议吗？

也许这会有帮助也许这会有帮助