Hayer-react-image-crop NPM

Hayer React Image Crop

An image cropping tool for React. based on npm package "react-image-crop"

Demo

Installation

npm i hayer-react-image-crop --save

yarn add hayer-react-image-crop --save

Usage

Include the main js module:

import HayerImageCrop from 'hayer-react-image-crop';
import 'hayer-react-image-crop/style.css';

Example

<HayerImageCrop
  onImageCrop={(img) => {console.log(img)}}
  error={(err) => alert(err)}
  aspect={4/4}
  unit="px"
  width={256}
  src="https://pbs.twimg.com/media/DM9sVVUV4AAQ8Bx.jpg"
/>

Props

Command	Description	Default Props
`aspect`	aspect ratio for your image	16 / 9
`unit`	crop property % or px	%
`width`	width for crop in px or %	30
`height`	height for crop in px or %	null
`src`	in src you can pass your existing image src to view	null
`onImageCrop`	onImageCrop() return base64 croped image	--
`error`	error() throw error if image format is not jpg or png	--