2016-07-28 79 views
-1

我有一張照片,一些數據等圖像。圖像每個都有一個圓形對象時間如附件所示。我想在選擇圖像時使用JavaScript獲取該圓形對象的座標。 Image With Circular Object當我們在圖像上應用人臉檢測時,如何獲得圖像中圖案匹配對象的座標,如我們獲得人臉座標

+0

請分享您嘗試使用的代碼 –

+0

我沒有任何東西我要求任何代碼/插件,這將有助於匹配模式 –

+0

爲什麼有人將我的問題標記爲無用?如果你有我想要的東西,那麼請先給它 –

回答

0

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

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

+0

沒有..實際上考慮一個場景我有一個大的圖像白色的多個對象。我有一個小的黑色圓圈圖像。現在我想找到我的小圖像(具有黑色圓圈)與大圖像相匹配的座標(可能是0或比找到的匹配更多),通常稱爲圖案匹配。 –

0

考慮有以下的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),則它們有一個匹配點。從那裏你可以去找到確切的匹配點。

+0

不,你只是檢查圖像大小,並試圖猜測..我想要的東西,實際上會給我座標哪裏精確匹配其他圖像上的一個圖像 –