Hi, ich würde gerne eine Webseite / Webanwendung erstellen, Wo die Benutzer auf einem Foto Markierungen (Punkte) anbringen können, also z.B. durch tippen oder Mausklick, und dann diese Markierung speichern und anderen Benutzern das Bild dann mit der Markierung zeigen. Also ich würde gerne die Markierungen einfach irgendwie als Koordinaten speichern (nicht im Bild) - aber es hängt ja von Gerät und Darstellung ab. Wenn also der Punkt auf der Nasenspitze sitzt, sollte er - unabhängig von Größe, zoom usw. auch da bleiben.. Wie macht man das in HTML (plus Webservice), also Bild passend darstellen, Punkte aufnehmen und speichern, Bild mit Punkten wieder anzeigen?
Sowas hier? https://stackoverflow.com/questions/23744605/javascript-get-x-and-y-coordinates-on-mouse-click Dann musst du halt "nur" noch die Größe und Position des Bildes feststellen. Die Punkte speichert man dann in einer Datei oder Datenbank auf dem Server.
Mit diesem Beispiel bekomme ich die Positionen relativ zum Bildschirm, aber das Bild kann ja da beliebig gescrollt oder gezoomt sein. Ich bräuchte eher etwas, das mir die Koordianten nur innerhalb des Bildes gibt?
google: mouse click picture position https://stackoverflow.com/questions/34867066/javascript-mouse-click-coordinates-for-image Hier das Beispiel: https://stackoverflow.com/questions/34867066/javascript-mouse-click-coordinates-for-image
Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.