Forum: PC-Programmierung Web app punkt auf Bild/Grafik speichern


Announcement: there is an English version of this forum on EmbDev.net. Posts you create there will be displayed on Mikrocontroller.net and EmbDev.net.
von Keina (Gast)


Bewertung
0 lesenswert
nicht lesenswert
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?

von STK500-Besitzer (Gast)


Bewertung
0 lesenswert
nicht lesenswert
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.

von Keina (Gast)


Bewertung
0 lesenswert
nicht lesenswert
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?

von Marcuz (Gast)


Bewertung
0 lesenswert
nicht lesenswert

von Keina (Gast)


Bewertung
0 lesenswert
nicht lesenswert
Ah ja, vielen Dank!

Antwort schreiben

Die Angabe einer E-Mail-Adresse ist freiwillig. Wenn Sie automatisch per E-Mail über Antworten auf Ihren Beitrag informiert werden möchten, melden Sie sich bitte an.

Wichtige Regeln - erst lesen, dann posten!

  • Groß- und Kleinschreibung verwenden
  • Längeren Sourcecode nicht im Text einfügen, sondern als Dateianhang

Formatierung (mehr Informationen...)

  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] - Link zu Artikel
  • Verweis auf anderen Beitrag einfügen: Rechtsklick auf Beitragstitel,
    "Adresse kopieren", und in den Text einfügen




Bild automatisch verkleinern, falls nötig
Bitte das JPG-Format nur für Fotos und Scans verwenden!
Zeichnungen und Screenshots im PNG- oder
GIF-Format hochladen. Siehe Bildformate.

Mit dem Abschicken bestätigst du, die Nutzungsbedingungen anzuerkennen.