为什么我的 SVG 动画无法在 IE11 中运行？

SVG 动画在 IE11 中不显示

在 SVG 动画在 IE11 中不工作的情况下，浏览器兼容性产生了一个根本问题。 Microsoft Edge 是唯一支持 SVG CSS 转换和动画的浏览器，特别是那些涉及中风破折号的浏览器。

IE11 不兼容

如 Microsoft 开发人员文档中所述，IE11 不兼容不支持 SVG 元素上的 CSS 转换和动画。具体来说，它缺乏对笔划短划线和笔划划线偏移动画的支持。导致SVG圆在IE11中不显示。

IE11解决方案

为确保兼容IE11，需要检查浏览器是否为IE并相应地调整描边虚线数组。然而，这个解决方案并不理想，因为它需要浏览器嗅探。

跨浏览器解决方案

对于跨浏览器解决方案，请考虑使用像 GreenSock 这样的 JS 动画库带有 DrawSVGPlugin 的动画平台 (GSAP)。该插件提供对 SVG 元素动画的支持，包括所有主要浏览器中的描边-dasharray 和描边-dashoffset。

以上是为什么我的 SVG 动画无法在 IE11 中运行？的详细内容。更多信息请关注PHP中文网其他相关文章！