react-image-multi-crop

# Installation Install via [npm]() ```npm install --save react-image-multi-crop``` # Quick Example ```import ImageMultiCrop from 'react-image-multi-crop```

Usage no npm install needed!

<script type="module">
  import reactImageMultiCrop from 'https://cdn.skypack.dev/react-image-multi-crop';
</script>

README

ReactJS Image Multi Crop

Installation

Install via npm
npm install --save react-image-multi-crop

Quick Example

import ImageMultiCrop from 'react-image-multi-crop

User Experience

Step 1: Highlight all your desired areas

Highlight

Step 2: Check the cropped areas

Check

Step 3: Download it all

Download

Step 4: Do whatever you want with it

View

Options

src (required)

  • Type: string
  • Default: null

<ImageMultiCrop src={'https://help.heinonline.org/wp-content/uploads/kb5-7.png'} />
<ImageMultiCrop src={require('./img/report.png')} />

alt (optional)

  • Type: string
  • Default: null

align (optional)

  • Type: string
  • Default: "center"

checker (optional)

  • Type: bool
  • Default: false

counter (optional)

  • Type: bool
  • Default: false

Author

Christopher Lim(lim.christopher.go@gmail.com)