Positionner des points sur une image

Bonjour à tous,

Je souhaite afficher une image dans une page web et sur cette image l'utilisateur doit pouvoir cliquer sur des zones.
Je dois pouvoir récupérer les coordonnées des clics, les sauvegarder et pouvoir afficher cette image à la demande avec la position des clics.
Je ne vois vraiment pas comment procéder.
Merci de votre aide.

Je vous remercie bien.

Je vois principalement deux possibilités

la première en utilisant un input type image

Code:

---

1 2 3

<form method="get" action="#" > <input type="image" id = 'carte' src="monimage.jpg" alt="Submit" /> </form>

---

Si tu regardes dans l'url après avoir cliqué sur l'image (après soumission) tu as les coordonnées du click...

La seconde en récupérant par js les coordonnées du click:
par exemple avec Jquery https://jsfiddle.net/andrewwhitaker/87NYk/

sinon tu charges ton image dans un canvas, et tu recuperes les coordonnes de click dessus comme un event classique

vous parlez de coordonnées et de zones, de quelle information vous avez besoin ?
si c'est la zone, il y a la balise "map" :
https://developer.mozilla.org/fr/doc...ML/Element/map
et pour les coordonnées, vous pouvez utiliser "input type=image"
https://developer.mozilla.org/fr/doc...nt/Input/image

Ou encore, vu que tu évoques des zones... un image map ?
Tout dépend de si tu dois récupérer les coordonées exactes x et y du click ou si tu dois juste savoir quelle zoné à été cliquée ???