react-drawable-canvas

Drawable canvas component for React.js.

Install
``bash
$ npm install react-drawable-canvas --save
`
Demo

Demo source

Example use:
`js
const React = require('react');
const DrawableCanvas = require('react-drawable-canvas');

const App = React.createClass( {
render() {
return (


);
}
});

module.exports = App;
`
Default props is white background with black brush, size 4.
Add custom styles in the canvasStyle object.
`js
{
brushColor: '#000000',
lineWidth: 4,
canvasStyle: {
backgroundColor: 'FFFFFF'
},
clear: false
}

`
The clear property can be used to reset the drawing. All other updates should set clear to false.
Example with buttons to clear the canvas and change the color:
`js
const App = React.createClass( {

getInitialState() {
return {
brushColor: '#800909',
lineWidth: 4,
canvasStyle: {
backgroundColor: '#00FFDC'
},
clear: false
};
},

handleOnClickClear() {
this.setState({
clear: true
});
},

handleOnClickChangeColorYellow() {
this.setState({
brushColor: '#ffff00',
clear: false
});
},

handleOnClickChangeColorRed(){
this.setState({
brushColor: '#800909',
clear: false
});
},

render() {
return (


);
}

});

module.exports = App;

``