dessiner/tirer des lignes obliques sur page site web Fermé

Question

Bonjour, 
Je dois faire une home page pour un site web avec une structure ressemblant à une carte de métro. Les "stations métro" correspondront à des liens sur d'autres pages. Comment faire pour dessiner ce réseau? j'utilise surtout html, css et js
Merci :-D



Configuration: Mac OS X Tiger (10.4) / Firefox 3.6.16

Stanislas Poisson · Answer

Tu peux, faire une carte en image et placer les liens via du css par dessus ce qui sera cross-browser ou tu peux faire une version animé en utilisant la balise canevas de l'html5 et du javascript afin de dessinée les traits. il est aussi possible de faire une animation avec une image svg mais cela demande pas mal de temps et de connaissance.

mpmp93 · Answer

Bonsoir,

La solution la plus simple est d'utiliser une image vectorielle (fichiers svg). Utilisez INKSCAPE qui est très bien pour générer ce type de fichier.

Les images SVG sont intégrables à une page web.

Cordialement

Pooch · Answer

Merci beaucoup pour ces deux réponses! je vais essayer de maîtriser tout ça.

ThEBiShOp · Answer

Une autre solution (plus simple à mes yeux, mais qui rejoint un peu la 1ère qu'on t'a donné...) c'est de faire un mapping sur une image, nul besoin de css, tout se fait en HTML.

tu peux utiliser un site comme celui par exemple pour te faciliter la tâcher :
https://www.image-maps.com/

Pooch · Answer

Aussi merci, je vais peut être commencer avec ça pour voir à quoi ressemble le code.

Dessiner/tirer des lignes obliques sur page site web

5 réponses

Discussions similaires