在 react-image-annotate 中手动添加用于分类的文本

a_r*_*hah 6 reactjs

我打算使用react-image-annotate通过绘制多边形来注释图像。但react-image-annotate默认情况下只允许从预定义列表中选择一个分类。

我想要类似这个库react-image-annotation 的东西,您可以在其中绘制一个边界框,并显示一个您可以在其中输入自定义文本的字段。

文档说可以使用 构建自定义表单RegionEditLabel,但没有明确的文档。

DMc*_*m83 1

如果你可以在没有多边形的情况下生活,我认为反应图片注释可能是你的答案:

npmjs:反应图片注释

您可以绘制矩形,并使用您想要的任何自定义标签对其进行注释。我根据 npmjs 的代码制作了一个简单的codesandbox:

代码沙箱

你必须:

  • 画一个形状
  • 点击正方形
  • 输入一个名字
  • 单击框外保存