pikaso-react v1.2.0

use-pikaso

React hook for Pikaso

Install

NPM

npm install use-pikaso --save

Yarn

yard add use-pikaso

Getting Started

import React, { useEffect } from 'react'
import usePikaso from 'use-pikaso'

export function Component() {
  const [ref, editor] = usePikaso()
  
 useEffect(() => {
    if (!editor) {
      return
    }
    
    editor.shapes.circle.insert({
      x: 100,
      y: 100,
      radius: 20,
      fill: 'red'
    })
  }, [editor])

  return (
    <div
      ref={ref}
      style={{
        width: '400px',
        height: '400px'
      }}
    />
  )
}

Documentation

https://github.com/pikasojs/pikaso