Dessiner/tirer des lignes obliques sur page site web

Fermé
Pooch -  
 Pooch -
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

5 réponses

  1. Stanislas Poisson Messages postés 775 Statut Membre 66
     
    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.
    1
  2. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
     
    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
    1
  3. Pooch
     
    Merci beaucoup pour ces deux réponses! je vais essayer de maîtriser tout ça.
    1
  4. ThEBiShOp Messages postés 9307 Date d'inscription   Statut Contributeur Dernière intervention   1 607
     
    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/
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Pooch
     
    Aussi merci, je vais peut être commencer avec ça pour voir à quoi ressemble le code.
    0