Manually add text for classification in react-image-annotate

user_861712 0
Viewed 389

I am planning to use react-image-annotate to annotate images by drawing polygons. But react-image-annotate by default only allows selecting a classification from a predefined list.

I wanted something like this library react-image-annotation where you can draw a bounding box and it shows you a field in which you can enter custom text.

The documentation says it is possible to build a custom form using RegionEditLabel, but there is no clear documentation for it.

reactjs
1 Answers

If you can live without polygons, the I think the react-picture-annotation might be your answer:

npmjs: react-picture-annotation

You can draw rectangles, and annotate them with any custom tag you want. I made a simple codesandbox based on the code from npmjs:

Codesandbox

You have to:

  • draw a shape
  • click on the square
  • type a name
  • click outside box to save
user_67259400
Related