Skip to content

Latest commit

 

History

History
52 lines (35 loc) · 1.47 KB

README.md

File metadata and controls

52 lines (35 loc) · 1.47 KB
Raw

Vue Img Orientation Changer

English | 简体中文

NPM Version NPM Downloads

A vue directive that fixes your jpeg jpg tiff files orientation.

TIPS: This can really help you stay away from neck damages.

image

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
add v-img-orientation-changer on your img element.
<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">

LICENSE

MIT