ios豎直拍照使用canvas,圖片逆時針旋轉了90度
阿新 • • 發佈:2019-01-03
vue專案
場景:壓縮圖片解析度
裝置:iPhone,
bug:獲取圖片時選擇拍照,橫著拍照沒有問題,豎著拍照,通過canvas壓縮解析度發生逆時針90度旋轉的bug,pc端瀏覽器、android沒問題
vue檔案中 <script> import EXIF from 'exif-js' export default { name: 'upload', data () { return { debugTips:'', //... } } methods:{ getPhotoOrientation:function(){ var orient var file=this.$refs.newImage.files[0] EXIF.getData(file, ()=>{ console.log('getdata callback') orient = EXIF.getTag(file, 'Orientation') //獲取到orient之後要做的事情,因為時非同步的,所以不要指望通過返回值處理 //可以在這裡做接下來的操作,或者把函式當引數引數,這裡執行回撥 }) console.log('before return')//EXIF.getData的回撥是非同步的,,這個先輸出 return orient } } } </script>