Animation SVG SMIL动画生长元素

谁能解释一下，是什么决定了“成长”动画的方向？我来举个小例子

---

因为中间圆的起点已翻转

最简单的修复方法是将stroke dasshoffset属性添加到中间圆以移动笔划的起点，如下所示

<path id="innerRing" fill="none" stroke="#F7DE4B" 
stroke-dashoffset="168.409" 
stroke-width="10" stroke-miterlimit="10" 
d="M227.1,25.8c-43.4,0-78.6,8.6-78.6,19.4s35.2,19.4,78.6,19.4s78.6-8.6,78.6-19.4
    S270.6,25.8,227.1,25.8z"/>

谢谢！不幸的是，我不明白为什么会这样。为什么要翻转起始点？路径字符串的起始点（d属性的值）不同。我认为当您创建SVG时，您（或您的绘图工具）是这样定义的。如果我创建这样的动画，我将使用“use”元素重用路径定义，如下所示