使用SMIL链接两个<animatetransform>

时间:2017-08-30 18:50:17

标签: svg smil

我试图在我的SVG中依次运行两个动画。

这是他们写的方式。他们被写入一个内部有一些原语的小组。我试图让整个小组轮流然后翻译。

然而,当我运行它时,转换似乎在第一个动画结束时重置

    <animateTransform attributeName="transform"
                      id="anim1" 
                      type="rotate"
                      from="0 72 72"
                      to="40 72 72"
                      begin="0s; anim2.end"
                      dur="1s"
                      fill="freeze" repeatCount="1" />
    <animateTransform attributeName="transform"
                      id="anim2"
                      type="translate"
                      from="0 0"
                      to="10 0"
                       begin="anim1.end" dur="0.4s" fill="freeze"/>

1 个答案:

答案 0 :(得分:3)

Define date to apply one transformation on top of the other.