用户选择照片时图像随机旋转

时间:2013-07-12 03:40:55

标签: html5 css3 web-applications mobile html5-filesystem

我正在制作我正在处理的移动网络应用的照片选择器,似乎图像正在“随机”旋转。例如,当我选择使用手机相机拍摄照片并且手机方向为横向时,由于某种原因,图像会以90度呈现。但是,当我拍摄照片并将手机方向更改为肖像时,图像会正确呈现 如果我选择一个现有的图像,其中一些将被正确渲染,而其中一些不会。

我已经尝试在图像尺寸上找到一个图案(如果这只是在水平或垂直图像上发生),但这似乎不是问题,因为它们都具有相同的尺寸,无论设备方向如何。

我想知道是否有任何理智的方法来解决这个问题。我只是不想让图像完全旋转。

Here's a code snippet to test。我现在只在iOS 6上测试。

1 个答案:

答案 0 :(得分:1)

无论方向如何,iPhone图像都以相同的方式保存。如果您使用右侧的主页按钮拍摄风景照片,照片始终是正确的。您需要读取EXIF数据以确定如何旋转它。

以下是与阅读EXIF数据相关的问题: Accessing JPEG EXIF rotation data in JavaScript on the client side

这与此问题类似: Camera image changes orientation