如何绘制正方形以标记对象。(反应原生)

hel*_*eer 5 reactjs react-native react-animated react-image

我看到许多移动应用程序都有一个功能,用户可以绘制一个正方形来指示要在图像上标记的内容。

我正在构建Face Tagging应用程序,基本上用户在图像上人脸的边界上绘制正方形

我在谷歌上搜索过很多次,但我不确定 RN 是否有一些用于标记的功能库。

我怎样才能做到这一点?有什么好的库可以在图像绘制正方形吗?如果我能记住它的坐标宽度、高度和矩形的位置就更好了。

任何想法或建议将不胜感激!

这是下面的一个例子

在此处输入图片说明

Ale*_*eev 2

您可以使用 React Native ART 库在图像上绘制形状。它是 React Native 附带的标准库(尽管默认情况下未链接到二进制文件)。

关于算法:

  • 渲染图像
  • 使用 React Native 覆盖图像ART.Surface
  • 检测点击以获取坐标+覆盖图像的其余部分
  • 一旦你有了水龙头的坐标,你就可以画出你想要的形状
  • 当用户移开手指时停止绘制形状(onPressOut事件)

从这往哪儿走: