simple-react-drawing-canvas

simple canvas drawing with polygon and line toolset.

Install

npm install --save simple-react-drawing-canvas

Usage

import React, { Component } from 'react'

import DrawingCanvas from 'simple-react-drawing-canvas'

class Example extends Component {
  state = {
    canvasImagePreview: null
  }

  handleOnFinish = (linesCoordinate) => {
    // List of list coordinate
    console.log(linesCoordinate)
  }

  render () {
    const canvasSize = {
      canvasHeight: 480;
      canvasWidth: 480
    }

    return (
      <DrawingCanvas 
        canvasSize={canvasSize}
        canvasImagePreview={canvasImagePreview}
        onFinish={this.handleOnFinish}        
      />
    )
  }
}

License

MIT © fajarkarim