animation - 这个动画是什么以及如何创建它？

Question

我访问了lofavor网站，在那里我看到了一个非常可爱的动画。谁能告诉我这是什么动画？很明显，它不是 Flash 或 JavaScript 动画。元素是 SVG。但是我怎样才能用 SVG 创建这样的动画呢？

这是一个比简单的旋转、平移或缩放更复杂的动画。请给我任何提示或关键字以对此进行研究。我是否必须对所有转换进行编码，或者是否有任何所见即所得的方式来做到这一点？

Answer 1

这是 SVG 变换动画，是的，您必须对其进行编码。有关更多信息，您可以查看SVG Transform。

如果您检查 DOM 元素，我认为您已经这样做了，您会看到g具有属性的元素transform和定义Rotation,Translation或Scale.

最初滚动的那条红丝带也有一种遮蔽技术。使用 SVG 的一个好的开始是SVG Essential书。