Ajout d'un trait ou courbe ou autre dessin sur une image existante avec un onmou

Question

Bonjour, je vous pr&#233;sente mon projet.



Je suis entrain de bosser sur l'optimisation de la lecture de plans de
municipalit&#233;. J'ai d'un cot&#233; le plan de la commune au format JPEG
(image) et &#224; cot&#233; de &#231;a, j'ai la liste des rues au format texte. Je
souhaite que lors de mon passage sur le nom de la rue avec mon curseur,
un &#233;v&#233;nement JavaScript (OnMouseOver) dessine une droite sur l'image &#224;
l'emplacement de ma rue (couleur rouge) afin de la mettre en &#233;vidence. 



Par exemple, je passe mon curseur sur "Rue Principale", je veux que
toute ma rue principale soit couverte d'une ligne color&#233;e (pas
obligatoirement transparente).



Plusieurs solutions s'offrent &#224; moi : 



- Enregistrer un plan par rue avec le meme fond et chaque fois une autre rue mise en &#233;vidence. --> Trop volumineux, oublions.

- Cr&#233;er un tableau de la taille de mon image (en pixels) et colorer
pixel par pixel sur mon onmouseover. --> Trop p&#233;nible &#224; mettre en
oeuvre

- Garder un PLAN basique en fond, ajouter un dessin sur l'image quand
mon curseur est sur le lien. Je voudrais plutot dessiner une forme
pr&#233;cis&#233;e par des coordonn&#233;es sur l'image (x1,y1,x2,y2,...,...,....)



Si quelqu'un voit ce que je veux et que cette personne sait comment
faire, n'h&#233;sitez pas, m&#234;me si vous n'&#234;tes pas s&#251;rs de vous. Tous les
conseils sont les bienvenus, et une critique est toujours positive du
moment qu'elle est constructive !

cs_bultez · Answer

Bonjour,
je pense : "pas facile en JavaScript", est-ce seulement possible ?
en PHP, par contre,  il y a tous les outils pour dessiner.
Cordialement. Bul. ~ Site ~

Ajout d'un trait ou courbe ou autre dessin sur une image existante avec un onmou

1 réponse

Votre réponse

Discussions similaires