html - 动画不适用于 IE

Question

我为一个网站制作了一个 SVG Logo ，我现在正尝试对其进行动画处理，它在 Firefox 和 Chrome 上运行良好，但由于某种原因，当我在 IE 上加载它时，它被视为普通图像并且什么都不做。此外，在 Edge 中，它会在颜色之间进行过渡，但不会在破折号动画之间进行过渡。我用原始 SVG 代码制作了一个 fiddle :SVG animation Fiddle .在我的页面中，我只是放置了一个对象，然后像这样嵌入外部 .svg 文件:

<object>
    <embed id="obj" src="LCF.svg"></embed>
</object>

很抱歉，如果这个问题已经被问过，但我在问之前用谷歌搜索了很多，但我找不到任何东西来解决这个问题，包括 -ms- 前缀，因为我使用的是 IE 10 而不是 9

Answer 1

IE 不支持 SVG 上的 CSS 动画。它也不支持 SVG 默认的 SMIL 动画。

备选方案-

1. 如果它是您正在构建的 Logo ，您可以将其转换为 GIF(动画)并使用 GIF 而不是 SVG。

2. 看看smil2css .它是一个将 SMIL 转换为 CSS 的实用程序，适用于任何支持 CSS 的 Internet Explorer 版本

3. 看看FakeSmile .一个 JavaScript 库，可让您为网页内容制作动画