Mengapa Animasi SVG Saya Tidak Kelihatan dalam IE11?

Percanggahan Animasi SVG IE11

Walaupun mempunyai animasi pemuatan SVG yang sempurna dalam Firefox dan Chrome, pengguna menghadapi masalah dalam IE11 di mana elemen SVG kekal tidak kelihatan.

Masalah Konteks:

Animasi, satu putaran mudah, beroperasi dalam IE11. Walau bagaimanapun, elemen bulatan SVG tidak dipaparkan pada halaman.

Punca Punca:

Paparan SVG yang hilang dalam IE11 berpunca daripada sokongan terhadnya untuk peralihan CSS SVG dan animasi, terutamanya mengenai atribut stroke-dasharray. Microsoft Edge ialah satu-satunya pelayar Microsoft yang menyokong ciri ini.

Penyelesaian:

Untuk menyelesaikan isu ini, pertimbangkan pilihan berikut:

• Chrome atau Firefox: Untuk sokongan optimum, gunakan penyemak imbas ini untuk memastikan animasi yang lancar pemaparan.
• Microsoft Edge: Gunakan Microsoft Edge build 10240 atau lebih baru untuk memanfaatkan peralihan dan animasi CSS SVG. Pastikan elemen bulatan SVG termasuk atribut strok.
• Pustaka Animasi JavaScript: Gunakan alatan seperti Platform Animasi GreenSock (GSAP) dan DrawSVGPlugin untuk mencapai keserasian merentas pelayar untuk animasi SVG, termasuk stroke-dasharray dan stroke-dashoffset.

Atas ialah kandungan terperinci Mengapa Animasi SVG Saya Tidak Kelihatan dalam IE11?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!