翻转图像 - 仅在浏览器中

Question

当我在 windows 机器上查看图像属性（见下文）时，它清楚地显示 width:144 和 height:256。但是在浏览器中查看时，尺寸会翻转。

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

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

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

Answer 1

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