react-canvas-annotation
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

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

/react-canvas-annotation/

    Package Sidebar

    Install

    npm i react-canvas-annotation

    Weekly Downloads

    18

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    643 kB

    Total Files

    88

    Last publish

    Collaborators

    • dennisvash