fabricjs-react

support fabricjs from react

Install

npm install --save fabricjs-react

Usage

Take a look at sandbox: https://codesandbox.io/s/flamboyant-wind-ff3x8

import React from 'react'

import { FabricJSCanvas, useFabricJSCanvas } from 'fabricjs-react'

const App = () => {
  const { editor, onReady } = useFabricJSCanvas()
  const onAddCircle = () => {
    editor?.addCircle()
  }
  const onAddRectangle = () => {
    editor?.addRectangle()
  }

  return (<div>
    <button onClick={onAddCircle}>Add circle</button>
    <button onClick={onAddRectangle}>Add Rectangle</button>
    <FabricJSCanvas className="sample-canvas" onReady={onReady} />
  </div>)
}

export default App

License

MIT © [Alejandro Soto](https://github.com/Alejandro Soto)