Wie kann ich die Koordinate des mustergleichen Objekts im Bild erhalten, wie wir die Koordinaten des Gesichts erhalten, wenn wir die Gesichtserkennung auf das Bild anwenden

Question

Ich habe ein Bild mit einem Foto, einigen Daten usw. Das Bild hat jeweils ein kreisförmiges Objekt Zeit wie in der angehängten Datei gezeigt. Ich möchte die Koordinate dieses kreisförmigen Objekts mithilfe von JavaScript abrufen, wenn ich das Bild auswähle. Image With Circular Object

Answer 1

Suchen Sie etwas wie folgt aus: https://fengyuanchen.github.io/cropper/

Selbst wenn dies nicht genau das, was Sie suchen, können Sie lernen, wie Koordinaten von zwei Elementen Punkte passend zu erhalten.

Answer 2

betrachten unten html mit:

<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> 

Sie können wie folgt jedes Bildes erhalten Koordinaten und Breite:

<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> 

von hier Also, wenn linke Position (left2) kleiner img kleiner als Breite + linke Position (w1 + links1), dann haben sie einen passenden Punkt. Von dort können Sie gehen und den genauen Punkt der Übereinstimmung finden.