Mengapa Imej Saya Muncul Terbalik dalam HTML Walaupun Ia Berorientasikan Dalam Talian Betul?

Menyelesaikan masalah Ketidakkonsistenan Orientasi Imej dalam HTML

Masalah:

Imej yang diambil daripada pautan yang ditentukan kelihatan terbalik apabila dipaparkan menggunakan tag.

Analisis:

Setelah menyiasat pautan imej, ternyata imej itu mempunyai orientasi biasa. Walau bagaimanapun, apabila menetapkan pautan sebagai atribut sumber tag, imej diterbalikkan seperti yang diperhatikan dalam coretan kod JSFiddle yang disediakan. Ini menimbulkan persoalan tentang apa yang menyebabkan percanggahan orientasi ini.

Penyelesaian:

Melalui penyelidikan menyeluruh, penyelesaian separa telah ditemui. Imej kontemporari selalunya menggabungkan metadata yang mentakrifkan orientasi gambar yang dimaksudkan. Untuk menangani perkara ini, spesifikasi CSS baharu telah diperkenalkan khusus untuk orientasi imej. Dengan memasukkan peraturan CSS berikut ke dalam helaian gaya anda, isu orientasi imej boleh dikurangkan:

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

Sokongan Penyemak Imbas:

Mulai 25 Januari 2016, sokongan untuk peraturan CSS ini terhad kepada Firefox dan iOS Safari (walaupun di belakang awalan). Walau bagaimanapun, sesetengah pengguna telah melaporkan isu berterusan dengan Safari dan Chrome. Perlu diingat bahawa Safari mudah alih nampaknya menyokong orientasi imej secara semula jadi tanpa memerlukan teg CSS eksplisit.

Prospek Masa Depan:

Tanggungjawab terletak pada pembangun penyemak imbas untuk melaksanakan sokongan untuk sifat orientasi imej untuk memastikan orientasi imej yang konsisten merentas pelayar yang berbeza. Sehingga itu, pengguna mungkin menghadapi ketaksamaan dalam orientasi imej dalam penyemak imbas tertentu.

Atas ialah kandungan terperinci Mengapa Imej Saya Muncul Terbalik dalam HTML Walaupun Ia Berorientasikan Dalam Talian Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!