當我們在圖像上應用人臉檢測時，如何獲得圖像中圖案匹配對象的座標，如我們獲得人臉座標

Question

我有一張照片，一些數據等圖像。圖像每個都有一個圓形對象時間如附件所示。我想在選擇圖像時使用JavaScript獲取該圓形對象的座標。 Image With Circular Object

Answer 1

您正在尋找這樣的事情： https://fengyuanchen.github.io/cropper/

即使這不正是你所尋找的，你可以學習如何獲得匹配點兩個元素的座標。

Answer 2

考慮有以下的html：

<pre> 
<style type="text/css"> 
.imgA1 { position:absolute; top: 25px; left: 25px; z-index: 1; } 
.imgB1 { position:absolute; top: 25px; left: 25px; z-index: 3; } 
</style> 

<img class=imgA1 src="http://full.path.to/imageA.jpg" width="400" id="img1"> 
<img class=imgB1 src="http://full.path.to/imageB.jpg" width="300" id="img2"> 
</pre> 

你可以得到座標和每個圖像的寬度是這樣的：

<pre>var top1 = $("#img1").position().top 
var left1 = $("#img1").position().left 
var top2 = $("#img2").position().top 
var left2 = $("#img2").position().left 
var w1 = $("#img1").width() 
var w2 = $("#img2").width()</pre> 

所以，從這裏，如果左側位置（LEFT2）小IMG的小於寬度+左側位置（w1 + left1），則它們有一個匹配點。從那裏你可以去找到確切的匹配點。