我看到许多移动应用程序都有一个功能,用户可以绘制一个正方形来指示要在图像上标记的内容。
我正在构建人脸标记
应用程序,基本上用户在图像上人脸的边界上绘制正方形。
我已经在 Google 上搜索过很多次,但我不确定 RN 是否有一些用于标记的功能库。
我怎样才能实现这个目标?有没有什么好的库可以在图像上绘制正方形?如果我能记住它的坐标宽度、高度和矩形的位置那就更好了。
任何想法或建议都将受到高度赞赏!
这是下面的示例
最佳答案
您可以使用 React Native ART 库在图像上绘制形状。它是 React Native 附带的标准库(尽管默认情况下未链接到二进制文件)。
关于算法:
- 渲染图像
- 使用 React Native 的 ART.Surface 叠加图像
- 检测点击以获取坐标并覆盖图像的其余部分
- 获得点击坐标后,您就可以绘制所需的形状
- 当用户移开手指时停止绘制形状(
onPressOut
事件)
从这里去哪里:
关于reactjs - 如何绘制正方形来标记对象。 ( react native ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46864293/