Manually add text for classification in react-image-annotate

Question

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.

Answer 1

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