react-image-annotate - 如何保存图像和注释？

Question

npm 包 react-image-annotate 提供了一个不错的 React 组件来注释图像。

此组件使用名为

<ReactImageAnnotate />

的标签作为注释窗口。它有一个名为 onExit 的道具，它将提供我们正在处理的该图像的所有数据的详细信息。

我的问题是： 假设我确实使用图像中的框标记了一些内容，现在我想将该图像与该框一起保存/导出/下载。我们怎样才能做到这一点？

Answer 1

我最终使用了另一个包：https://www.npmjs.com/package/react-sketch-canvas

它允许我在图像上绘制然后将其导出。

这个包有一个演示，看看吧。