Skip to content

Latest commit

 

History

History
43 lines (35 loc) · 1.04 KB

README.md

File metadata and controls

43 lines (35 loc) · 1.04 KB

react-croppie

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
  });
}