2016-07-28 73 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

不,你只是检查图像大小,并试图猜测..我想要的东西,实际上会给我坐标哪里精确匹配其他图像上的一个图像 –