我有这个令人烦恼的问题,Safari Mobile将手机摄像头拍摄的照片旋转。奇怪的是,仅在纵向模式下发生。 这是一个代码示例:http://jsfiddle.net/Kazpp/
正如您所看到的,我将图片添加为preview
div的背景并将background-size
属性设置为cover
,这样我就可以保持图像宽高比并填充整体div区域与图像。
我也尝试添加一个图像元素作为我的div的孩子,但这也没有用。
有没有人知道这里发生了什么?
Ps。:我在iOS 6.0上遇到了这个问题。没试过另一个iOS版本。
答案 0 :(得分:1)
您正在遇到Exif方向问题JS Client-Side Exif Orientation: Rotate and Mirror JPEG Images
如该帖所述,您可以使用此库检查图像方向并相应地旋转https://github.com/blueimp/JavaScript-Load-Image