為什麼我的 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中文網其他相關文章！