如何绘制正方形以标记对象。 （React Native）

Question

我看到很多移动应用程序都有一个功能，用户可以绘制一个方块来指示要在图像上标记的东西。

我在建Face Tagging应用程序，基本上用户在图像上画人脸的边界上的正方形。

我已经Google了很多次，但我不知道RN有一些标记功能库。

我该如何做到这一点？有没有什么好的图书馆去在图片上画平方？如果我能记住矩形的坐标宽度，高度和位置，它会更好。

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

这低于

Answer 1

您可以使用阵营本土艺术图书馆借鉴图像的顶部形状的例子。它是一个标准库，随附React Native（尽管默认情况下不链接到二进制文件）。

关于算法：

• 渲染
• 叠加图像与之反应原住民的ART.Surface
• 检测水龙头获得坐标+叠加图像
• 其余一旦你的坐标图像点击，你可以绘制你想要的形状
• 当用户移开他的手指时停止绘制形状（onPressOut事件）

哪里何去何从：

• Basic tutorial, explaining how to wire up React Native and ART
• Unofficial(there no official one) documentation

Answer 2

可以（方形查看你的情况）增加孩子的图片标签，所以你可以做些什么像

<Image src={...}> 
    <View 
    style={{ 
     position: 'absolute', 
     top: 120 
     left: 100, 
     height: 50, 
     width: 50, 
     borderWidth: 1 
    }} 
    /> 
</Image> 

你可以得到x an内RN 50 = <的嵌套内容删除支持，使用ImageBackground代替