使用SVG的动画模拟

Question

我有兴趣使用SVG进行简单的模拟。然而，我在SVG动画中看到的例子似乎只具有播放和循环功能。为了渲染我的模拟，我希望能够跳转到任何特定的帧，就像你可以在视频播放器中一样。另外，理想情况下，我希望能够从任何给定点向后播放或逐步进行模拟。总结一下，我正在寻找以下功能：

1. 能够以不同的速度播放动画
2. 能够选择动画中的任何单个帧
3. 能够从所选框架向前或向后播放
4. 暂停动画的能力

我通常计划使用TinyLine，Salamander或Batik从Java环境中运行SVG（任何关于哪个更好的意见btw）;但是，在某些情况下，我可能想在浏览器中运行模拟，我假设我需要某种Javascript VCR控制系统。

我想用SVG可以实现的目标吗？

Answer 1

您可能需要查看GSAP，其中提供了您需要的所有功能。它可以控制HTML，画布或SVG动画。