1. 程式人生 > >ios豎直拍照使用canvas,圖片逆時針旋轉了90度

ios豎直拍照使用canvas,圖片逆時針旋轉了90度

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>