Image-mapping-generate NPM

Image Mapping Generate

This library is a simple mapping generator to create mapping of points on images, or in other words, if you wanna mapping points on image to send it at email for example you could use this component in your React application to do it. This is a web react component in version 2.0.0 and with Typescript. ✈️

Instalation

    npm i image-mapping-generate
    yarn add image-mapping-generate

Basic usage

    import { useEffect, useState } from "react";
    import { Mapper } from "image-mapping-generate";

    function App() {
        const [html, setHtml] = useState("");

        useEffect(() => {
            console.log(html);
        }, [html]);

        return (
            <Mapper
                URL="https://via.placeholder.com/2000x2000"
                copyString="Copy-text"
                deleteString="Delete-text"
                setString="Set-URL-text"
                inputStyles={{ border: "3px solid green" }}
                buttonCopyStyles={{ border: "3px solid green" }}
                buttonDeleteStyles={{ border: "3px solid green" }}
                buttonSetStyles={{ border: "3px solid green" }}
                setHtml={setHtml}
            />
        );
    }

    export default App;