Skip to content

Releases: dansreis/react-canvas-annotator

v1.0.5-alpha

01 Aug 10:56

Choose a tag to compare

What's Changed


Full Changelog: v1.0.4-alpha...v1.0.5-alpha

v1.0.4-alpha

21 Jun 21:21

Choose a tag to compare

What was done

Fixed error on cross origin images

Full Changelog: v1.0.3-alpha...v1.0.4-alpha

v1.0.3-alpha

21 Jun 18:25
4cba249

Choose a tag to compare

What's Changed

New Contributors

Full Changelog: v1.0.2-alpha...v1.0.3-alpha

v1.0.2-alpha

18 Jun 16:47

Choose a tag to compare

What's Changed

  • Added documentation to MDX file for board
  • Force new deployment for validation

Full Changelog: v1.0.1-alpha...v1.0.2-alpha

v1.0.1-alpha

18 Jun 16:24

Choose a tag to compare

What's Changed

  • Fixed pipeline deployment issue

Full Changelog: v1.0.0-alpha...v1.0.1-alpha

v1.0.0-alpha

18 Jun 16:22

Choose a tag to compare

Description

We are excited to announce the first alpha release of react-canvas-annotator! This version marks the beginning of our journey in providing a powerful and flexible annotation tool for React applications. The 1.0.0-alpha release is aimed at developers who want to explore and contribute to the early stages of the project. Please note that this is an alpha version, so expect some rough edges and incomplete features.

Features

  • Annotations on Images:

    • Support for adding various types of annotations such as bounding boxes, polygons, and points.
  • Image Zoom and Drag:

    • Users can zoom in and out of images and drag to navigate.
  • Polygon Annotation:

    • Create and manipulate polygonal shapes for detailed annotations.

Initial API

BoardProps

  • items: CanvasObject[]
    • Array of canvas objects to be displayed.
  • image: { name: string; src: string }
    • Object containing the image name and source URL.
  • initialStatus: { draggingEnabled?: boolean; currentZoom?: number; scaleRatio?: number }
    • Initial status settings for the board.
  • onResetZoom: () => void
    • Callback function when the zoom is reset.
  • onZoomChange: (currentZoom: number) => void
    • Callback function when the zoom changes.
  • onToggleDragging: (currentStatus: boolean) => void
    • Callback function when the dragging status is toggled.
  • onLoadedImage: ({ width, height }: { width: number; height: number }) => void
    • Callback function when the image is loaded.

What's Changed

Read more