Tutoriel SVGlogin
Tutoriel SVG
auteur:php.cn  temps de mise à jour:2022-04-18 17:51:50

Ligne droite SVG


L'élément

<line> permet de créer une ligne droite :

Voici le code SVG :

Exemple

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Pour les utilisateurs d'Opera : afficher le menu contextuel du fichier SVG (cliquez sur la source d'aperçu graphique SVG).

  • L'attribut x1 définit le début de la ligne sur l'axe des x

  • L'attribut y1 définit le début de la ligne sur l'axe des y

  • L'attribut x2 définit la fin de la ligne sur l'axe des x

  • L'attribut y2 définit la fin de la ligne sur l'axe des y

Site Web PHP chinois