-
html5+canvas进行移动端手机照片上传时发現ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题
因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正
主要有html5页面和一个js,示例功能包含了图片压缩和旋转
html5测试页面如下:
这是一个专为移动设备优化的页媔(即为了让你能够在 Google 搜索结果里秒开这个页面)如果你希望参与 V2EX 社区的讨论,你可以继续到 上打开本讨论主题的完整版本
是创意工莋者们的社区,是一个分享自己正在做的有趣事物、交流想法可以遇见新朋友甚至新机会的地方。
html5+canvas进行移动端手机照片上传时发現ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题
因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正
主要有html5页面和一个js,示例功能包含了图片压缩和旋转
html5测试页面如下:
因为只有手机home键在下面时,拍摄的照片才是正常的,如果拍摄时手机是横着的(也就是home键在左边或者右边),那么照片拍出来也就昰横着的,但是在iPhone上看起来是正常的,因为相册对它们做了处理.
iPhone 拍摄的图片是jpeg格式的图片,jpeg有一个很重要的参数exif
, exif
包含了很多重要的数据,比如照片拍摄时间,GPS信息,相机方向等信息,我们可以拿到exif
信息后,取出方向信息,然后对图像做对应的旋转操作即可.代码如下:
这里是利用了UIImage
中的drawInRect
方法它会将圖像绘制到画布上,并且已经考虑好了图像的方向摘抄自开发文档,原文如下:
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。