Package Exports

react-image-annotate

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-image-annotate) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Image Annotate

The best image/video annotation tool ever. Check out the demo here.

Features

Simple input/output format
Bounding Box, Point and Polygon Annotation
Zooming, Scaling, Panning
Multiple Images
Cursor Crosshair

Screenshot of Annotator

Usage

npm install react-image-annotate

import Annotator from "react-image-annotate/Annotator"

const App = () => (
  <Annotator
    selectedImage="https://example.com/image1.png"
    taskDescription="# Draw region around each face\n\nInclude chin and hair."
    images={[{ src: "https://example.com/image1.png", name: "Image 1" }]}
    regionClsList={["Man Face", "Woman Face"]}
  />
)

Developers

Development

This project uses react-storybook. To begin developing run the following commands in the cloned repo.

yarn install
yarn storybook

A browser tab will automatically open with the project components.

Icons

Consult these icon repositories: