HTML5+canvas进行移动端手机照片上传时,发现iOS手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。
因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。
利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/JavaScript/exif-js/
这里主要用到Orientation属性。
Orientation属性说明如下:
旋转角度
参数
0°
1
顺时针90°
6
逆时针90°
8
180°
3
Html5页面:
[html] viewplain copy
print?
- 图片上传
-
- 上传图片:
-
关注打赏