Vue Img Orientation Changer
English | 简体中文
A vue directive that fixes your
jpeg
jpg
tiff
files orientation.
TIPS: This can really help you stay away from neck damages.
Installation
Via NPM
npm install vue-img-orientation-changer -S
Import
import Vue from 'vue'
import VueImgOrientationChanger from 'vue-img-orientation-changer'
Vue.use(VueImgOrientationChanger)
Usage
v-img-orientation-changer
on your img
element.
add <img v-img-orientation-changer src="https://user-images.githubusercontent.com/10917606/51309472-735aa580-1a7f-11e9-8081-67ced9a3f536.jpeg">
TIPS: attribute [data-orientation] of the img element will be set with value of img's exif orientation.
// final DOM is like below
// means this img orientation is 6;
<img data-orientation="6" src="https://user-images.githubusercontent.com/10917606/51309472-735aa580-1a7f-11e9-8081-67ced9a3f536.jpeg">