rotate-image

truely rotate image itself each time by 90 degree without using transform: rotate

installation

npm install @joyfulljs/rotate-image

usage

import imageRotate from '@joyfulljs/rotate-image';

// { ... omitted .... }

<img ref={imgRef} src="...." />;

var dataUrl = roteteImage(imgRef.current);
imgRef.current.src = dataUrl;
// or `this.setState({ imgUrl: dataUrl })`

api

roateImage(img: HTMLImageElement, options: { quality?: number, mineType?: string }): string

• options.quality default to 1
• options.mineType default to image/jpeg

most of times you do not need to provide options, in case you need to save rotated image back to server;

license

MIT