rc-cropping
React Cropping Component
Feature
- Cropping pictures in facebook mode.
- Cropping result preview.
- Supports exporting circle and square picture.
- I18n.
- [FUTURE] Rotate picture.
Screenshots
Development
npm install
npm start
Example
http://localhost:8001/examples/
online example: http://react-component.github.io/cropping/
install
Usage
var Cropping = ;var React = ; ReactDOM;
API
props
name | type | default | description |
---|---|---|---|
className | String | additional css class of root dom node | |
getSpinContent | Function() => React.Component | spin content of Cropper | |
renderModal | Function() => React.Component | Modal Render of Component, you can pass any React Component to replace it. | |
locale | 'en-US' | 'zh-CN' | i18n locale. | |
circle | boolean | false | Croppe circle image or not. If true, you'll get a circle picture. Notice: transparent background *ONLY* supported in png file, croppe jpg file will get white background. |
Test Case
npm test
npm run chrome-test
Coverage
npm run coverage
open coverage/ dir
License
rc-cropping is released under the MIT license.