javascript - 是否可以将 SVG 资产作为 UI 动画的序列导入？

Question

我正在尝试导入一系列资产（svg）来创建交互式 UI。我可以使用 png 文件而不是 svg 来做到这一点，正如您从所附图像中看到的那样。点击这里查看图片

标签： javascriptsvg-filtersspark-ar-studio

Answer 1

使用 SVG，通过使用 Velocity.js 或 Anime.js 等库实时操作 SVG 文件本身来生成动画会更有效。

因为 SVG 是一种声明性数据格式，但 PNG 是必不可少的，所以用它们制作动画需要完全不同的方法。一种称为补间的动画技术（对于 UI 动画来说非常方便）在 SVG 中非常强大，但是您始终可以从 SVG 生成 PNG 图像并使用 PNG 方法。