1. canvas-exif-orientation
Canvas drawImage dependent on Exif Orientaion
canvas-exif-orientation
Package: canvas-exif-orientation
Created by: koba04
Last modified: Mon, 13 Jun 2022 05:34:06 GMT
Version: 0.4.0
License: MIT
Downloads: 38,281
Repository: https://github.com/koba04/canvas-exif-orientation

Install

npm install canvas-exif-orientation
yarn add canvas-exif-orientation

Canvas Exif Orientation

draw a image on a canvas dependent on Exif Orientation.

 var CanvasExifOrientation = require('canvas-exif-orientation');
// drawn canvas element.
var canvas = CanvasExifOrientation.drawImage(img, orientation);

install

npm install canvas-exif-orientation

Orientation

  • http://www.cipa.jp/std/documents/e/DC-008-2012_E.pdf
  • http://www.cipa.jp/std/documents/j/DC-008-2012_J.pdf (Japanese)

1

The 0th row is at the visual top of the image, and the 0th column is the visual left-hand side.

1

2

The 0th row is at the visual top of the image, and the 0th column is the visual right-hand side.

2

3

The 0th row is at the visual bottom of the image, and the 0th column is the visual right-hand side.

3

4

The 0th row is at the visual bottom of the image, and the 0th column is the visual left-hand side.

4

5

The 0th row is the visual left-hand side of the image, and the 0th column is the visual top.

5

6

The 0th row is the visual right-hand side of the image, and the 0th column is the visual top.

6

7

The 0th row is the visual right-hand side of the image, and the 0th column is the visual bottom.

7

8

The 0th row is the visual left-hand side of the image, and the 0th column is the visual bottom.

8

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin