Mengapa Animasi SVG Saya Tidak Berfungsi dalam IE11?

Animasi SVG Tidak Dipaparkan dalam IE11

Dalam konteks animasi SVG tidak berfungsi dalam IE11, isu asas timbul daripada keserasian penyemak imbas. Microsoft Edge ialah satu-satunya penyemak imbas yang menyokong SVG CSS Transitions and Animations, terutamanya yang melibatkan stroke-dasharray.

Ketidakserasian IE11

Seperti yang digariskan dalam Dokumen Pembangun Microsoft, IE11 melakukannya tidak menyokong Peralihan dan Animasi CSS pada elemen SVG. Khususnya, ia tidak mempunyai sokongan untuk menganimasikan stroke-dasharray dan stroke-dashoffset. Akibatnya, bulatan SVG tidak dipaparkan dalam IE11.

Penyelesaian untuk IE11

Untuk memastikan keserasian dengan IE11, adalah perlu untuk menyemak sama ada penyemak imbas adalah IE dan laraskan strok-dasharray dengan sewajarnya. Walau bagaimanapun, penyelesaian ini tidak sesuai kerana ia memerlukan menghidu penyemak imbas.

Penyelesaian Silang Penyemak Imbas

Untuk penyelesaian merentas penyemak imbas, pertimbangkan untuk menggunakan perpustakaan animasi JS seperti GreenSock Platform Animasi (GSAP) dengan DrawSVGPlugin. Pemalam ini menyediakan sokongan untuk menganimasikan elemen SVG, termasuk stroke-dasharray dan stroke-dashoffset, merentas semua pelayar utama.

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