kleinsea / image-rotation

Help the image complete compression and support rotation operations at any angle.

image-rotation

This module can help the image complete compression and support rotation operations at any angle.

Installation

  yarn add image-rotation

Usage

let imageRotate
import ImageRotation from 'image-rotation'
imageRotate = new ImageRotation('your html file data', options)
imageRotate.generate('rotate angle', downloadType) // 

APIs

new ImageRotation

key	desc	type	defalut
file(required)	input[type=file] data	File or base64	null
options	options	object	{}

options(object)

key	desc	type	defalut
maxLength	The maximum edge size	number	null
quality	compression quality	number	0.92
background	background	string	null
isDrawPngBg	whether to draw background for image/png	boolean	false

import ImageRotation from 'image-rotation'
const imageRotate = new ImageRotation('your html file data', {
  maxLength: 2000,
  quality: 0.8,
  background: "#fff",
  isDrawPngBg: true
})

generate(rotate?: number, downloadType?: DownloadType): Promise

key	desc	type	defalut
rotate	rotation angle	Number	0
downloadType	image type	string	image/jpeg

const imageRotate = new ImageRotation('your html file data')
imageRotate.generate(45, 'image/png').then(res=> {
  // base64
}).catch()

toBlob(dataURI: string): Blob

key	desc	type
dataURI(required)	base64 file	string

const imageRotate = new ImageRotation('your html file data')
imageRotate.generate(0, 'image/png').then(res=> {
  // base64
  const blob = imageRotate.toBlob(res)
  // blob
})