1.0.2 • Published 3 years ago

image-orientational v1.0.2

Weekly downloads
-
License
-
Repository
github
Last release
3 years ago

image-orientational

rotate img element

e.gif

example

Usage

cdn

<button id="btn">rotate</button>
    <div id="container" style="border: 1px solid">
      <div id="wrapper">
        <img
          id="image"
          src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png"
          alt=""
        />
      </div>
    </div>
imageOrientational
    .createImageOrientation({
        container,
        wrapper,
        image,
    })
    .then((instance) => {
        var angle = 0;
        btn.onclick = () => {
            instance.rotate((angle += 90));
        };
    });

or use npm package

import { createImageOrientation } from 'image-orientational';
createImageOrientation({
    container,
    wrapper,
    image,
});

Thanks