SVG动画有一个属性dur，但是有没有办法设置动画的速度呢？

Question

此SVG动画代码为每个矩形生成不同的速度。我需要SIMILAR速度（不同的持续时间）。是否存在我无法找到的属性或简单的解决方案。

---

<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="500" fill="freeze"/>

<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="800" fill="freeze"/>

Answer 1

以下是设置速度动画的方法：

<animate attributeName="x" attributeType="XML" begin="0s" dur="10s" from="0" to="800" fill="freeze" calcMode="spline" keySplines="0 0 1 0" />

calcMode =＆＃34; spline＆＃34; 和 keySplines =＆＃34; 0 0 1 0＆＃34; 负责速度

在＆＃34;手动模式＆＃34;中设置正确的速度是相当不方便的。所以这个工具在帮助中：http://www.carto.net/svg/samples/keysplines.svg

Answer 2

没有。 SVG动画是基于时间的。 calcmode =“paced”你可能指的是简单的默认动画模式（相对于离散，其中动画从开始跳到结束）。如果你想要一个JavaScript风格的“setInterval（）”动画，你必须使用JavaScript。