react-mobile-image-editor

Installation

# npm
> npm install react-mobile-image-editor
# yarn
> yarn add react-mobile-image-editor

LiveDemo

Examples

import Editor, { useExport } from "react-mobile-image-editor";
import image from "./assets/chibubao.png";
const App = () => {
 const editorRef = useExport();
 const handleDownload = () => {
 console.log(editorRef.current.exportImage());
 };
 return (
 <Editor
 ref={editorRef}
 image={image}
 toolbarBottom={<button onClick={handleDownload}>Download</button>}
 />
 );
};