Mengapakah Perkadaran Imej SVG Terpesong dalam Elemen `` IE9?

IE9 Memusingkan Perkadaran Imej SVG dalam Elemen

Apabila menggunakan CSS untuk menetapkan ketinggian maksimum imej SVG dalam elemen, adalah dijangka bahawa imej akan berskala secara berkadar dengan ketinggian itu. Walau bagaimanapun, dalam IE9, imej SVG tertentu mungkin mempamerkan perkadaran yang herot.

Khususnya, isu timbul dengan SVG yang terdiri daripada poligon dan bukannya laluan. Contoh imej yang terjejas ialah SVG "crocs" daripada Radiant Interactive: http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

Untuk menangani ketidakkonsistenan ini merentas penyemak imbas, adalah disyorkan untuk sentiasa menentukan kotak paparan untuk imej SVG, sambil mengetepikan atribut lebar dan ketinggian daripada

Untuk menunjukkan kesan atribut SVG yang berbeza, halaman ujian telah dibuat:

[Pautan Halaman Ujian]

Dengan membandingkan menghasilkan penyemak imbas yang berbeza, seseorang boleh melihat variasi ketara dalam pengendalian imej berdasarkan gabungan atribut SVG dan dimensi CSS.

Atas ialah kandungan terperinci Mengapakah Perkadaran Imej SVG Terpesong dalam Elemen `` IE9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!