Safari Mobile在纵向模式下旋转用手机相机拍摄的照片

时间:2013-09-07 21:09:56

标签: iphone ios css mobile image-rotation

我有这个令人烦恼的问题,Safari Mobile将手机摄像头拍摄的照片旋转。奇怪的是,仅在纵向模式下发生。 这是一个代码示例:http://jsfiddle.net/Kazpp/

正如您所看到的,我将图片添加为preview div的背景并将background-size属性设置为cover,这样我就可以保持图像宽高比并填充整体div区域与图像。 我也尝试添加一个图像元素作为我的div的孩子,但这也没有用。

有没有人知道这里发生了什么?

Ps。:我在iOS 6.0上遇到了这个问题。没试过另一个iOS版本。

1 个答案:

答案 0 :(得分:1)

您正在遇到Exif方向问题JS Client-Side Exif Orientation: Rotate and Mirror JPEG Images

如该帖所述,您可以使用此库检查图像方向并相应地旋转https://github.com/blueimp/JavaScript-Load-Image