html – 翻转图像 – 仅在浏览器中显示

发布时间：2020-12-14 23:26:08 所属栏目：资源来源：网络整理

导读：当我在我的 Windows机器上查看图像属性(见下文)时,它清楚地显示宽度：144和高度：256.但是在浏览器中查看时,尺寸会被翻转. 它在浏览器中翻转的示例： http://jsfiddle.net/pLyg7ug9/2/ 直接链接(注意它在chrome中正确加载)： http://pro-cuts.herokuapp.com/

当我在我的 Windows机器上查看图像属性(见下文)时,它清楚地显示宽度：144和高度：256.但是在浏览器中查看时,尺寸会被翻转.

它在浏览器中翻转的示例：
http://jsfiddle.net/pLyg7ug9/2/

直接链接(注意它在chrome中正确加载)：
http://pro-cuts.herokuapp.com/images/slideshow/thumb/8_flipped.jpg

什么会导致浏览器翻转宽度和高度？

解决方法

这是由于JPEG旋转和EXIF方向.基本上你的相机有一个传感器可以根据你的拍摄方式旋转图像.锁定方向的手机会出现这些问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!