使用SVG中的<set>标签来更改形状的旋转

Question

我试图使用<set>标签设置一个形状的旋转角度,但对于我的生活,我无法弄明白.什么是正确的语法？

<set id="smallGearJump" 
         attributeName="transform" attributeType="XML" type="rotate" 
         to="110 100 100" begin="1s" dur="1.7s" />

编辑:澄清 - 我试图将它设置为特定角度一段时间,而不是在那里设置动画.我希望它从0旋转到110(在上面的例子中)

Answer 1

如果您希望动画从一种状态跳转到另一种状态，请指定 calcMode="discrete"。比如像这样：

<animateTransform attributeName="transform" type="rotate" to="110 100 100" dur="1.7s" begin="1s"
            calcMode="discrete" />