如何繪製正方形以標記對象。 （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代替