Tag d'image: 2 petites questions

Bonjour :)

Voila j'aimerais réaliser un tag d'image, on cliquerais sur un point de l'image et un carré de taille défini apparaîtrait et on pourrais ensuite enregistrer un prenom.
Mais j'ai quelques questions, premièrement il faudrait récupéré les coordonnées du curseur au click par rapport à l'image (qui fait toujours 720px de large), comment peut on faire?
Ensuite comment y faire apparaitre un carré au centré du click aux bonnes coordonnées?

Voila je crois que c'est tout ce dont j'aurais besoin :)

Merci d'avance :)
Cordialement

Quel code as-tu pour le moment ?

Quelles recherches as-tu déjà effectué ?

Pour le moment, je n'est pas commencer car il me manqué ces 2 éléments que je trouve indispensable.

J'ai effectué quelques recherches google, et je pense que je suis en mesure de codé ceci, maintenant il me manque juste les 2 éléments:

"Mais j'ai quelques questions, premièrement il faudrait récupéré les coordonnées du curseur au click par rapport à l'image (qui fait toujours 720px de large), comment peut on faire?
Ensuite comment y faire apparaitre un carré au centré du click aux bonnes coordonnées?"