Comment utiliser SVG en HTML5

En HTML5, nous pouvons intégrer du SVG en utilisant la balise de HTML, de la balise

SVG est un format graphique vectoriel qui peut être redessiné pour s'adapter à la taille de la page Web sans aucune distorsion, très approprié pour une utilisation dans la conception Web réactive. Cet article vous donnera une introduction détaillée sur la façon d'utiliser SVG en HTML5. J'espère qu'il vous sera utile. [Tutoriels vidéo associés recommandés : Tutoriel HTML5]

Utilisation des balises HTML5

SVG Faisant partie du projet de spécification HTML 5, la balise

Remarque :

1. Pour utiliser la balise

2. Ceci ne peut être utilisé que pour importer du SVG statique.

Vous trouverez ci-dessous un exemple simple HTML5 SVG.

<svg  id = "circle"  height = "200"  xmlns = "http://www.w3.org/2000/svg" > 
      <circle  id = "greencircle"  cx = "30"  cy = "30"  r = " 30"  fill = "red"  /> 
</svg>

Rendu :

Utilisez la balise pour importer des images SVG

Remarque : la balise ne peut être utilisée que pour importer des images SVG statiques.

<img  src = "green-circle.svg"  height = "80"  alt="漂亮的绿色圆圈" />

Rendu :

Utilisez la balise