react-canvas-annotation

Annotation on canvas

Usage no npm install needed!

<script type="module">
  import reactCanvasAnnotation from 'https://cdn.skypack.dev/react-canvas-annotation';
</script>

README

react-canvas-annotation

A canvas annotation library for React.

NPM JavaScript Style Guide

SS

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