an image cropping plugin based on Croppie keep in mind this is a work in progress and not all the features of croppie are yet available ##install
Npm: npm install react-croppie
##using react-croppie
###in your react component:
var Croppie = require("react-croppie");
...
render(){
return <Croppie url="path/to/image"/>
}
###in your html file :
<link rel="stylesheet" href="node_modules/react-croppie/cropper.css">
##documentation
you can pass props to react-croppie component based on croppie docs
###the result currently we only support canvas type from croppie docs
var Croppie = require("react-croppie");
...
render(){
return <Croppie url="path/to/image" ref="reactCroppie"/>
},
...
getResult(options){
this.refs.reactCroppie.result(options).then( res =>{
//do whatever you like with the result
});
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent