转换后的PhoneGap图像旋转问题

时间:2013-09-25 12:32:10

标签: javascript android ios cordova

我们正在开发一个PhoneGap应用程序,在正在开发的核心功能中,它还具有用户配置文件部分。在该屏幕/部分内,我们允许用户更新各种细节,包括他们的个人资料图像。配置文件图像可以与相机一起拍摄(效果很好),也可以从用户照片库中选择。这就是我们的问题所在。

我们正在使用navigator.camera.getPicture功能从用户相机或相机胶卷加载照片。

然后,我们会创建一个新的Image(),并将手机间隔返回的imageURI设置为图片src。在图像的onload函数中,我们将图像绘制到画布上下文中以调整大小并将其裁剪为正方形。

我们的图片存在问题,当渲染图片时被压扁但我们已经在这篇文章的帮助下解决了这个问题(HTML5 Canvas drawImage ratio bug iOS

问题:当我们直接从相机获取图片时,一切正常,但当我们将destinationType设置为navigator.camera.PictureSourceType.SAVEDPHOTOALBUMnavigator.camera.PictureSourceType.PHOTOLIBRARY时,图片就会显示出来旋转不正确。

correctOrientation 设置为true。

我们正在使用Cordova 2.8

我们只能在CAMERA的{name> FILE_URINATIVE_URI的{​​{1}}时获取图片数据。这种差异可能与我们的问题有关吗?

代码是:

PHOTOLIBRARY

非常感谢任何建议。

1 个答案:

答案 0 :(得分:0)

图像方向存储在EXIF数据中。 Here您可以找到问题的解决方案。