Bon, après une nuit de sommeil … on reprend 😉
En fait, l’idée d’enregistrer votre photo depuis le site en ligne n’était peut-être pas si lumineuse que ça, puisque ça enregistre la photo telle qu’elle a été uploadée et non telle qu’elle apparaît à l’écran ! Donc, on retombe forcément sur l’image de départ.
Alors, pour en revenir au souci de « déformation », j’avais testé votre code sur mon site : il fonctionne bien, pas de problème de côté là. Mais en effet, la zone cliquable ne correspond pas totalement à la zone du graphique. Comme l’image est redimensionnée à l’écran, elle ne fait plus 800 x 600 mais moins, et je pense que c’est ce qui empêche que vos zones cliquables correspondent aux zones visibles à l’écran sur le graphique.
La solution : je pense qu’il faudrait essayer avec une image plus petite dès le départ, par exemple, en 500 x 375 ! 🙂
(en sachant que bien sûr, si quelqu’un consulte votre site avec une taille d’écran inférieure à 500 x 375, ben ce sera à nouveau déformé. Et si Pinboard est un thème responsive, il faudrait aussi adapter le code. Mais alors là, ça me dépasse … )