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 ObjectWie 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
Antwort
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.
Nein .. tatsächlich ein Szenario betrachten Ich habe ein großes Bild weiß mehrere Objekte drin. Ich habe ein kleines Bild mit einem kleinen schwarzen Kreis. Jetzt möchte ich die Koordinaten finden, bei denen mein kleines Bild (mit schwarzem Kreis) mit einem großen Bild übereinstimmt (das 0 oder mehr sein kann, das gefunden wird), das allgemein als Mustervergleich bezeichnet wird. –
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.
Nein, Sie überprüfen nur die Bildgröße und versuchen zu erraten. Ich möchte etwas, das mir tatsächlich Koordinaten gibt, wo genau ein Bild auf einem anderen Bild übereinstimmt –
- 1. Wie erhalten wir programmatisch die Koordinaten eines UIImageView?
- 2. Wie speichern wir das Bild in der Galerie des Emulators
- 3. Erhalten Sie Bild angeklickte Position auf Diferent Auflösung, wenn die Koordinaten auf verschiedenen Geräten geändert werden
- 4. Wie strecke ich das Bild auf die Breite des Layouts?
- 5. Wie können wir das Passwort des Systems mit Java erhalten?
- 6. Wie bekomme ich die Kopie des Objekts, das geklickt wird
- 7. Wenn wir die Methode toString() überschreiben, sollten wir immer eine String-Repräsentation des Objekts zurückgeben?
- 8. Wie Größe eines Bild zu erhalten, die
- 9. Wie wird das Catalano-Framework für die Extraktion von Gesichtsmerkmalen verwendet? Übrigens verwenden wir Java
- 10. Wie können wir CSS3-Stil auf ein Bild in GWT anwenden 2.5
- 11. asynchron oder synchron? wenn wir die src-Eigenschaft des Image-Objekts festlegen?
- 12. Wie eine beschnittene Bild auf das Original kopieren, werden die Koordinaten des Zentrums der
- 13. Wie können wir die Farbmatrix nur als Teil des Bildes und nicht als ganzes Bild verwenden?
- 14. Wie erhalten wir die List Objekte in Rückwärtsrichtung?
- 15. Können wir die Methode des Gradientenabfalls im Maximumentropiemodell verwenden?
- 16. Wie man Pfeil für Richtung einer Person zeigt, die sich bewegt, wenn wir seine Koordinate in google Karte api erhalten
- 17. Wie die Details eines Objekts erhalten
- 18. FQL Ich kann die Postleitzahl des Freundes nicht erhalten
- 19. Wie kann ich die Höhe des HTML-Objekts auf die Höhe des Fensters einstellen?
- 20. Wie die Mittelstandortkoordinaten des mapview
- 21. Beschränken Sie die Bewegung des Elements, wenn wir es ziehen
- 22. Wie können wir die Zeit des Prozesses zählen?
- 23. Erhalten tatsächliche Höhe des Objekts, dessen Set auf "Auto"
- 24. Wie bekomme ich die Bildquelle und zeige das Bild?
- 25. Wie bekomme ich die CropperJS-Koordinate für Cropped Image?
- 26. Wie aktualisiert man die Koordinaten des Markers?
- 27. Wie kann die Build-Umgebung während des Produktlebenszyklus erhalten werden?
- 28. videojs nicht spielen, wenn wir den Pfad des mp4 ändern. Wenn wir die Downloads navigieren die mp4
- 29. Wie kann man eine Karte anzeigen und die Koordinaten des Zentrums erhalten - Längen- und Breitengrad?
- 30. Wie übergeben wir bestimmte Tabellenwerte an Ajax, die wir aus einer Datenbanktabelle erhalten? Dieses
bitte teilen Sie Code, was Sie versucht haben –
Ich habe nichts, ich frage nach Code/Plugin, die helfen wird, Muster zu entsprechen –
Warum jemand meine Frage als nicht nützlich markieren? Wenn Sie etwas haben wollen, dann bitte geben Sie es zuerst –