Animation svg动画点脉冲

Animation svg动画点脉冲,animation,svg,Animation,Svg,我正在尝试制作一个脉冲SVG动画。你可以在这里看到: 正如你所看到的,它现在只脉动一次。我希望底部线条的移动重复。但似乎找不到一个好办法。例如,是否可以添加多个阶段。比如从,到,到等 希望这次我问对了 你好 像这样吗 <animate id="animation1" attributeName="points" from="0,48.5 24.75,48.5 50,48.5" to="20,48.5 24

我正在尝试制作一个脉冲SVG动画。你可以在这里看到:


正如你所看到的,它现在只脉动一次。我希望底部线条的移动重复。但似乎找不到一个好办法。例如,是否可以添加多个阶段。比如从,到,到等

希望这次我问对了

你好

像这样吗

    <animate 
        id="animation1"
        attributeName="points"
        from="0,48.5 24.75,48.5 50,48.5" 
        to="20,48.5 24.75,48.5 30,48.5"
        begin="0s;animation3.end;"
        dur="0.5s"
    />


初始动画由时间的开始和最后一个动画的结束触发,因此所有动画都会重复。

谢谢,我试图找到是否可以为begin提供两个参数。但是找不到任何东西,可能没有使用正确的关键字。
    <animate 
        id="animation1"
        attributeName="points"
        from="0,48.5 24.75,48.5 50,48.5" 
        to="20,48.5 24.75,48.5 30,48.5"
        begin="0s;animation3.end;"
        dur="0.5s"
    />