Как получить координату шаблона, сопоставленного объекту в изображении, так как мы получаем координату лица при применении распознавания лиц на изображении

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 меньше width + left position (w1 + left1), тогда они имеют точку совпадения. Оттуда вы можете найти точную точку сопоставления.