javascript - 动画svg的初始化时间不为0s

Question

我想声明一个动画SVG，例如:在10秒内从100处开始X，在300处结束。

<animateMotion path="M100,0 L300,0" dur="10s" begin="0s" />

但是现在，我想初始化动画的开始，就像 X 秒(例如:5 秒)已经过去一样。所以我希望动画在 5 秒内真正从 200 开始并以 300 结束。

与 setCurrentTime() 完全相同，但仅适用于所有 svg(因此，所有动画)。我需要为每个动画设置不同的动态值。

如何将动画初始化为不开始，而是像已经过去 X 秒一样？

谢谢。

Answer 1

听起来您想调用 beginElementAt在动画元素上。这将创建当前时间加上指定偏移量的开始实例时间。

如果您希望动画看起来已经开始，则传递一个负数。