# vue-img-orientation-changer

> vue-plugin can help you get images with correct orientation

Latest version **1.0.11** (published 2019-01-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-img-orientation-changer
pnpm add vue-img-orientation-changer
yarn add vue-img-orientation-changer
bun add vue-img-orientation-changer
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.11 |
| Published | 2019-01-21 |
| First published | 2019-01-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 199.9 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | nikk.li |
| Maintainers | nikli2009 |

## Links

- npm: https://www.npmjs.com/package/vue-img-orientation-changer
- npm.io page: https://npm.io/package/vue-img-orientation-changer

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.11
- [exif-js](https://npm.io/package/exif-js.md) ^2.3.0
- [imagesloaded](https://npm.io/package/imagesloaded.md) ^4.1.4

## Recent versions

- 1.0.11 (latest) — 2019-01-21
- 1.0.10 — 2019-01-20
- 1.0.9 — 2019-01-20
- 1.0.8 — 2019-01-18
- 1.0.7 — 2019-01-18
- 1.0.6 — 2019-01-18
- 1.0.5 — 2019-01-18
- 1.0.4 — 2019-01-18
- 1.0.3 — 2019-01-18
- 1.0.2 — 2019-01-18
- 1.0.1 — 2019-01-18
- 1.0.0 — 2019-01-17

## README

## Vue Img Orientation Changer
English | [简体中文](./README-zh_CN.md)

[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]

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

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

![image](https://user-images.githubusercontent.com/10917606/51384914-b0469b00-1b58-11e9-924b-53c8ae374c2c.png)


### 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](LICENSE)

[npm-image]: https://img.shields.io/npm/v/vue-img-orientation-changer.svg
[npm-url]: https://npmjs.org/package/vue-img-orientation-changer
[downloads-image]: https://img.shields.io/npm/dm/vue-img-orientation-changer.svg
[downloads-url]: https://npmjs.org/package/vue-img-orientation-changer

---
_Source: https://npm.io/package/vue-img-orientation-changer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._