如何使svg HTML动画不断重复？

Question

  <animate  id="one" attributeName="y" from="-21.713" to="10"  begin="0s" dur="2s"  fill="freeze"  /> 
  <animate attributeName="y" from="10" to="-21.713"  begin="one.end" dur="2s" fill="freeze" />

这使得svg上升一次，下降一次然后停止。我希望它能够不断上下。

如果我这样做：

repeatCount="indefinite"

它只会做一个动画并停止。

有什么想法吗？

谢谢！

Answer 1

我相信为了这个工作，你需要使用

repeatCount = '0'

Answer 2

  <animate  id="one" attributeName="y" from="-21.713" to="10"  begin="0s; two.end" dur="2s"  fill="freeze" repeatCount="indefinite" />

  <animate id="two" attributeName="y" from="10" to="-21.713"  begin="one.end" dur="2s" fill="freeze" repeatCount="indefinite" />

然后每个动画将在另一个动画停止时开始。使用 ;给动画一个两个起点