# Image cropped

> A simple and practical image cropping plugin.



## Usage

Here's a demo about react:
```js
import React from 'react';
import imgCropped from 'img-cropped';

export default ImageCropped class extends React.Component {
  render() {
    return <button onClick={imgCropped}>upload</button>
  }
}
```

Is that simple! if you want to customize some parameters, the following parameters can help you.



## Options
**imgCropped(options)** inside the parameters as follows:

* **canvasWidth**: Canvas width, the default value is 500px.
* **canvasHeight**: Canvas height, the default value is 350px.
* **cutWidth**: Cut box width, the default value is 200px.
* **cutHeight**: Cut box height, the default value is 200px.
* **fillCutStyle**: Cut box default fill color, the default value is rgba(255, 255, 255, .5).
* **cutCallbackOk**: Determine the clip after the callback, the default value is null. The returned value is the base64 encoded data of the cropped area.



## License
The image cropped is released under the
[MIT license](https://opensource.org/licenses/MIT).