react-canvas-paint

DEMO

A react drawing library

Install

npm install --save react-canvas-paint

Usage

import React, { Component } from 'react'

import ReactCanvasPaint from 'react-canvas-paint'
import 'react-canvas-paint/dist/index.css'

class Example extends Component {
  render() {
    return <ReactCanvasPaint />
  }
}

Props

Property	Type	Default	Description
width	number	400	canvas width
height	number	400	canvas height
viewOnly	bool	false	Set to true disable drawing on canvas
data	Object	undefined	Initial imageData that can be put on the canvas
onDraw	function	undefined	Function with imageData on every line drawn
colors	Array	['#7030A2', '#000000', '#0170C1', '#FE0002', '#FFFF01', '#00AF52']	array of choosable colors to draw
strokeWidth	number	5	width of drawing stroke

License

MIT © piotrrussw

This module was bootstrapped with create-react-library.