Platzieren von Punkten auf einem Bild mit HTML/Javascript

Ich möchte einen Code oder eine Technik finden, um Punkte auf ein Bild in HTML zu platzieren. Wenn der Benutzer auf das Bild klickt, ruft das JavaScript-Ereignis eine Funktion mit den x, y-Positionen des Zeigers relativ zum Ursprung des Bildes auf. Im Idealfall könnte der Benutzer auch größere Bilder vergrößern/verkleinern, die nicht auf die Seite passen.Platzieren von Punkten auf einem Bild mit HTML/Javascript

Danke für jede Hilfe/Ideen!

Quelle

2010-12-27 Russell

Lassen Sie mich so gerade, dass du irgendwie ein (co lored?) auf die Position des Mauszeigers zeigen, wenn der Benutzer auf ein Bild klickt? – Samuel

downvoting, ich kann mir einfach nicht vorstellen, Dinge, stellen Sie den Code, den Sie upto sind ... Witze +1 :) –

Es klingt wie Sie in HTML5 aussehen sollte, vor allem die Canvas-Element:

Hier sind einige Ressourcen:

Quelle

2010-12-27 19:52:34 brildum

Canvas könnte in diesem Fall übertrieben sein. Vielleicht ist es einfacher, ein vordefiniertes "Punktbild" zu klonen und es an das Ziel anzuhängen (x, y über CSS gesetzt). –

@bebraw stimme zu – Samuel

Hmm die CSS-Idee sieht gut aus. Canvas könnte auch funktionieren .. Danke Jungs – Russell

Platzieren von Punkten auf einem Bild mit HTML/Javascript

Antwort

Verwandte Themen