我使用SVG创建了一个简单的循环进度条，但是从圆顶（顺时针）开始进度条而不是当前的右侧，我遇到了一些麻烦。
这是代码： http://www.webpackbin.com/4yxjPQgMb
如果您能就如何解决这个问题提供一些指导，我将非常感激。谢谢。
//编辑： 我设法通过CSS做到这一点，像这样：
{
transform: rotateZ(-90deg);
transform-origin: center center;
}
但仍然在寻找如何通过JS做到这一点。
答案 0 :(得分：2)
所有非路径图形形状（如您正在使用的<circle>）都有一个已定义的“等效路径”。这是指定的，以便短划线模式在所有SVG渲染器中表现一致。在<circle>的情况下，等效路径被定义为从3点钟位置开始并顺时针绕圆圈前进。
请参阅：https://www.w3.org/TR/SVG/shapes.html#CircleElement
除了通过旋转或以其他方式转换它之外，没有办法改变它。您可以使用CSS完成此操作（当前不适用于所有浏览器）或transform上使用<circle>属性。