SVG アニメーションが IE11 で表示されないのはなぜですか?

IE11 SVG アニメーションの不一致

Firefox と Chrome では完璧な SVG 読み込みアニメーションがあるにもかかわらず、ユーザーは IE11 で SVG 要素の問題に遭遇しています。

問題コンテキスト:

アニメーション (単純な回転) は IE11 で動作します。ただし、SVG の円要素はページ上にレンダリングされません。

根本原因:

IE11 で SVG 表示が表示されないのは、SVG CSS トランジションのサポートが制限されていることが原因です。アニメーション、特にストローク-ダシャーレイ属性に関するもの。 Microsoft Edge は、これらの機能をサポートする唯一の Microsoft ブラウザです。

解決策:

この問題を解決するには、次のオプションを検討してください:

• Chrome または Firefox: 最適なサポートを得るには、これらのブラウザを使用してシームレスなアニメーションを確保してくださいrendering.
• Microsoft Edge: SVG CSS トランジションとアニメーションを活用するには、Microsoft Edge ビルド 10240 以降を使用します。 SVG の円要素にストローク属性が含まれていることを確認します。
• JavaScript アニメーション ライブラリ: GreenSock アニメーション プラットフォーム (GSAP) や DrawSVGPlugin などのツールを使用して、SVG アニメーションのブラウザ間の互換性を実現します。ストローク-ダシャ配列とストローク-ダシャオフセット。

以上がSVG アニメーションが IE11 で表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。