您好,登錄后才能下訂單哦!
當我們在瀏覽器使用標簽顯示圖片時,對于iphone手機拍出的照片會存在圖片方向和在手機上顯示及瀏覽器直接打開時不同,對于產生這個問題的原因這里有一篇很詳細的說明及iOS開發中的處理方式:http://www.tuicool.com/articles/YfeeqaU。在這里,筆者對網頁中使用js方式的處理進行簡單的記錄,便于日后查看。
1.引入jquery.min.js/jquery.exif.js/jQueryRotate.js
2.html:
mg id="imgId" src="xxx" exif=true>
3.js:
var img=$("#imgId"); var orientation=img.exif("Orientation"); if (typeof orientation[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; }
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。