首页 > 解决方案 > 导航开始后 SVG 动画冻结

问题描述

我正在将一些动画 GIF 动画微调器转换为动画 SVG,以便在 Hi-DPI 屏幕上更好/更清晰地显示。

我遇到的一个问题是,当用户开始导航到另一个页面时,动画 GIF 会继续动画,但动画 SVG 会冻结。因此,如果我想要一个显示下一页加载的动画,我找不到摆脱使用 GIF 的方法。

有没有办法让 SVG 动画在页面导航期间继续动画?

(我专门为此使用 Chrome,因为如果它在 Chrome 中不起作用,我将无法使用它。)

编辑:SVG 使用 SMIL 来制作动画。

更新

在没有收到任何回复后,我找不到在导航期间保持 SVG 动画动画的方法,所以我采用了另一种方法,即使用 CSS 动画。

即使在导航开始后,CSS 动画也会继续动画。就插入页面并与其他元素集成而言,它们有点难以处理,但它们可以解决问题。

标签: animationsvggif

解决方案


推荐阅读