Mengapa Imej Muncul Terbalik dalam Tag Imej?

Percanggahan Orientasi Imej dalam Teg Imej

Apabila memasukkan imej ke dalam halaman web menggunakan teg imej, orientasi imej dijangka kekal konsisten dengan keadaan asalnya. Walau bagaimanapun, dalam sesetengah senario, imej mungkin kelihatan terbalik atau condong selepas dipaparkan dalam teg imej. Untuk menangani isu ini, kami akan meneroka kemungkinan punca dan menyediakan penyelesaian.

Contoh yang disediakan menunjukkan imej yang muncul dengan betul dalam penyemak imbas web, tetapi menjadi terbalik apabila ditetapkan pada atribut src tag imej. Perbezaan ini timbul disebabkan oleh metadata yang dibenamkan dalam imej yang menentukan orientasinya. Untuk memerangi ini, CSS memperkenalkan sifat orientasi imej.

Penyelesaian CSS: orientasi imej

Dengan menambahkan pengisytiharan CSS berikut, orientasi imej yang betul boleh dipulihkan:

<code class="css">img {
    image-orientation: from-image;
}</code>

Harta ini mengarahkan pelayar untuk mengutamakan metadata yang terkandung dalam fail imej itu sendiri, memastikan imej dipaparkan dalam orientasi yang dimaksudkan. Adalah penting untuk ambil perhatian bahawa sokongan penyemak imbas untuk sifat ini berbeza-beza, dengan Firefox dan iOS Safari melaksanakannya dengan hasil yang boleh dipercayai. Penyemak imbas lain, seperti Safari dan Chrome, mungkin masih mempamerkan isu semasa menggunakan harta ini.

Memandangkan penyemak imbas terus berkembang, adalah dijangkakan sokongan untuk orientasi imej akan berkembang, memberikan pengalaman paparan imej yang lancar dan konsisten merentas platform yang berbeza.

Atas ialah kandungan terperinci Mengapa Imej Muncul Terbalik dalam Tag Imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!