Rumah > hujung hadapan web > tutorial css > Mengapakah Perkadaran Imej SVG Terpesong dalam Elemen `` IE9?

Mengapakah Perkadaran Imej SVG Terpesong dalam Elemen `` IE9?

Mary-Kate Olsen
Lepaskan: 2024-10-27 02:52:02
asal
497 orang telah melayarinya

Why do SVG Image Proportions Skew in IE9's `` Element?

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 unsur. Pendekatan ini memastikan penskalaan yang konsisten merentas penyemak imbas.

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan