Web ページに埋め込むと画像が反転するのはなぜですか?

画像の向きの不一致: 画像の回転の問題の解決

Web ページに画像を埋め込むときに、多くのユーザーが複雑な問題に遭遇します。画像を直接表示すると正しい向きで表示されるにもかかわらず、「img」タグのソース属性に割り当てると予期せず上下が反転します。

この問題は、最新の画像ファイル内に次のようなメタデータが含まれていることが原因である可能性があります。彼らの意図した方向性。これに対処するために、最近提案された CSS 仕様「image-orientation」が解決策を提供します。

次の CSS ルールを実装することで、画像を意図した方向で表示できます:

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

ただし、この CSS プロパティに対するブラウザのサポートは依然として限られており、現在互換性のあるブラウザは Firefox と iOS Safari のみです。 Safari と Chrome のサポートには矛盾がありますが、モバイル Safari は本質的に CSS ルールを必要とせずに画像の向きの調整を処理するようです。

ブラウザの開発が進むにつれて、「画像の向き」のサポートが今後も行われることが予想されます。拡大する。それまでの間、ユーザーは忍耐強く、画像の向きの問題を修正するための別の方法を模索する必要があるかもしれません。

以上がWeb ページに埋め込むと画像が反転するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。