Mengapa Perkadaran Imej SVG Berbeza dalam Internet Explorer 9?

Isu Penskalaan Perkadaran Imej dalam Internet Explorer 9

Imej SVG sering dipaparkan dengan perkadaran yang tidak dijangka dalam Internet Explorer 9, walaupun semasa menggunakan CSS untuk menentukan ketinggian maksimum. Percanggahan ini menjadi ketara apabila membandingkan gelagat pelbagai fail SVG.

Sebagai contoh, katakan kita mempunyai imej SVG dengan dimensi semula jadi 200px kali 200px dan ketinggian maksimum 30px yang ditakrifkan dalam CSS:

<code class="css">img {
    max-height: 30px;
}</code>

Dalam kebanyakan penyemak imbas, imej SVG ini berskala secara berkadar kepada ketinggian 30 piksel. Walau bagaimanapun, dalam Internet Explorer 9, ia mungkin dipaparkan sebagai 30x200 piksel sebaliknya.

Isu ini nampaknya berkaitan dengan jenis elemen SVG yang digunakan. Dalam SVG yang bermasalah, imej terdiri daripada poligon, manakala dalam SVG penskalaan yang betul, ia terdiri daripada laluan.

Untuk memastikan penskalaan yang konsisten merentas penyemak imbas, disyorkan untuk sentiasa menentukan Kotak paparan tetapi berhenti atribut lebar dan ketinggian pada elemen SVG anda. Dengan mengikuti amalan ini, anda boleh meningkatkan keserasian imej SVG anda dalam Internet Explorer 9 dan penyemak imbas lain.

Atas ialah kandungan terperinci Mengapa Perkadaran Imej SVG Berbeza dalam Internet Explorer 9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!