Svg 偏移起始角

我用SVG创建了一个简单的圆形进度条，但是我在从圆形顶部（顺时针）开始制作进度条时遇到了一些问题，而不是像现在这样从右侧开始

代码如下：

如果您能为我提供一些关于如何修复此问题的指导，我将不胜感激。多谢各位

//编辑： 我通过CSS做到了这一点，如下所示：

{
变换：旋转（-90度）；
变换原点：中心；
}

---

但是仍然在寻找如何通过JS实现这一点。

所有非路径图形形状（如您正在使用的

）都有一个定义的“等效路径”。这是指定的，以便破折号模式在所有SVG渲染器中表现一致。在

的情况下，等效路径定义为从3点钟位置开始，顺时针绕圆圈前进

见：

---

只有通过旋转或变换它，才能改变它。您可以像使用CSS一样使用CSS（目前并非在所有浏览器中都可用）或使用

上的

转换属性来实现这一点，所有非路径图形形状（如您正在使用的
）都有一个定义的“等效路径”。这是指定的，以便破折号模式在所有SVG渲染器中表现一致。在
的情况下，等效路径定义为从3点钟位置开始，顺时针绕圆圈前进

见：

只有通过旋转或变换它，才能改变它。您可以像以前一样使用CSS（目前并非在所有浏览器中都可用）或使用
上的
transform
属性来实现这一点，谢谢您的回答。是的。。MS Edge for，例如，无法处理圆元素上的CSS转换：/I需要以其他方式进行转换。请尝试将
：transform=“'rotate（-90'+size+“”+size+）””
添加到您的蓝色圆中。谢谢您的回答。是的。。MS Edge for，例如，无法处理圆元素上的CSS转换：/I需要以其他方式进行转换。请尝试将
：transform=“'rotate（-90'+size+“”+size+）””
添加到蓝色圆中。