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 = require('rc-cropping');
var React = require('react');

ReactDOM.render(<CropViewer
  getSpinContent={() => <span>loading...</span> }
  renderModal={() => <Dialog />}
  circle={true}
/>, document.getElementById('__react-content'));

API

props

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-cropping is released under the MIT license.