react-canvas-annotation

A canvas annotation library for React.

Overview

An annotation component implemented with React. Built on Canvas API

• Supports Rectangles and Polygons shapes.
• Supports zoom, dragging and more.

Check out the Demo Page and example code.

Install

yarn add react-canvas-annotation

Usage

import ReactCanvasAnnotation from 'react-canvas-annotation';
 
<ReactCanvasAnnotation
  zoom={zoom}
  imageFile={imageFile}
  labels={labels}
  onChange={setLabels}
  annotationType={annotationType}
  isImageDrag={isImageDrag}
  onMouseOut={onMouseOut}
  onHover={onHover}
  onClick={onClick}
/>;

License

MIT © denvash