image-annotation-canvas v0.0.1

Image Annotation Canvas

React component for image annotation.

Installation

npm install @aiwizo/image-annotation-canvas

Basic usage

import ImageAnnotationCanvas from '@aiwizo/image-annotation-canvas';

const App = () => {

  // Options are not implemented yet.
  // It will be a feature of future updates
  const options = {};

  const onChange = ({annotations, imageSource}) => {
    // Use the annotations and the
    // image source to do something
    // in your application
  }

  return (
    <ImageAnnotationCanvas
      imageSource="/some/url"
      options={options}
      onChange={onChange}
    />
  );
}

Development

Run

npm run storybook

from root folder to start the storybook interface with the canvas component.