Dessiner/tirer des lignes obliques sur page site web
Fermé
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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
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
A voir également:
- Ligne oblique dessin
- Partager photos en ligne - Guide
- Mètre en ligne - Guide
- Aller à la ligne excel - Guide
- Apparaitre hors ligne instagram - Guide
- Logiciel dessin technique gratuit - Télécharger - CAO-DAO
5 réponses
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.
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
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
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/
tu peux utiliser un site comme celui par exemple pour te faciliter la tâcher :
https://www.image-maps.com/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question