Javascript mozilla以奇怪的方式呈现svg

我在mozilla中绘制svg时遇到问题。它在Chrome和Microsoft Edge中看起来不错。您可以看到在不同浏览器中渲染的差异：

资料来源如下：

函数极坐标（centerX、centerY、半径、角度等）{
var angleInRadians=（angleInDegrees-90）*Math.PI/180；
返回{
x:centerX+（半径*数学坐标（角半径）），
y：中心y+（半径*数学正弦（角度半径））
};
}
函数drawArc（x、y、半径、星形、端角）{
var起点=极笛卡尔坐标（x，y，半径，端角），
end=极笛卡尔坐标（x，y，半径，星形），
arcSweep=endAngle-startAngle尝试将overflow=“visible”（或overflow:visible）添加到裁剪的svg元素中。或者更好的方法是，首先展开视口，这样就不会在其外部绘制。这对我有用。谢谢：）尝试添加overflow=“visible”（或overflow:visible）剪切svg元素。或者更好的方法是，首先展开视口，这样您就不会在其外部绘制。这对我很有用。谢谢：）