js处理iphone照片旋转问题
当我们在浏览器使用标签显示图片时,对于iphone手机拍出的照片会存在图片方向和在手机上显示及浏览器直接打开时不同,对于产生这个问题的原因这里有一篇很详细的说明及iOS开发中的处理方式:http://www.tuicool.com/articles/YfeeqaU。在这里,笔者对网页中使用js方式的处理进行简单的记录,便于日后查看。
1.引入jquery.min.js/jquery.exif.js/jQueryRotate.js
2.html:
mgid="imgId"src="xxx"exif=true>
3.js:
varimg=$("#imgId");varorientation=img.exif("Orientation");if(typeoforientation[0]=='undefined"){console.log("没有Orientation信息");return;}switch(orientation[0]){case'3':img.rotate(180);break;case'6':img.rotate(90);break;case'8':img.rotate(270);break;}
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。