load-image-react-no-redirect

Use blueimp-load-image in React

Usage no npm install needed!

<script type="module">
  import loadImageReactNoRedirect from 'https://cdn.skypack.dev/load-image-react-no-redirect';
</script>

README

load-image-react

Use blueimp-load-image in React

Installation

npm install load-image-react

Usage

import { Image } from "load-image-react";

const SomeComponent = () => {
    return (
        <>
            <h2>My Image</h2>
            <Image
                src="some-image-url.png"
                loadOptions={{
                    downsamplingRatio: 0.5,
                    maxWidth: 200,
                    maxHeight: 200
                }}
            />
        </>
    );
};

Load options

The loadOptions prop is passed into blueimp-load-image. canvas and orientation will always be set to true.

License

Made with :sparkling_heart: by NewOrbit in Oxfordshire, and licensed under the MIT License