Tutoriels SVG

SVG se réfère au format vectoriel scalable (Scalable Vector Graphics)

SVG est fichier format définissant les graphiques vectoriels

les exemples de chaque chapitre

En utilisant notre éditeur "essayez-le vous-même", vous pouvez éditer SVG et cliquer sur le bouton pour voir les résultats.

Exemples SVG

<html>
<body>
<h1>Mon premier SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

essayez-le vous-même

connaissances de base à posséder

Avant de continuer, vous devriez avoir une certaine compréhension des éléments suivants :

  • HTML
  • de base fichier

Si vous souhaitez apprendre ces contenus en premier, visitez les tutoriels pertinents sur notre page d'accueil.

Qu'est-ce que SVG？

  • SVG se réfère au format vectoriel scalable (SVG)
  • SVG utilisé pour définir des graphiques vectoriels basés sur le Web
  • SVG définir des graphiques en format XML
  • SVG chaque élément et chaque attribut du fichier peut être animé
  • SVG est une norme recommandée du W3C
  • SVG intègre d'autres normes W3C, par exemple DOM et XSL

SVG est une norme recommandée du W3C

SVG 1.0 est devenu une norme recommandée du W3C le 4 septembre 2001.

SVG 1.1 est devenu une norme recommandée du W3C le 14 janvier 2003.

SVG 1.1 (version deux) est devenu une norme recommandée du W3C le 16 août 2011.

SVG les avantages

Comparé aux autres formats d'images (comme JPEG et GIF), l'utilisation de SVG Les avantages sont :

  • SVG Les images peuvent être créées et éditées avec n'importe quel éditeur de texte
  • SVG Les images peuvent être recherchées, indexées, scriptées et compressées
  • SVG Les images sont extensibles
  • SVG Les images peuvent être imprimées en haute qualité à n'importe quelle résolution
  • SVG Les graphiques ne perdent aucune qualité lors de l'agrandissement ou de l'ajustement de la taille
  • SVG est une norme ouverte
  • SVG est pur
  • SVG XML fichier

créer SVG image

SVG Les images peuvent être créées avec n'importe quel éditeur de texte, mais l'utilisation de programmes de dessin (par exemple InkscapeIl est généralement plus facile de créer des images SVG.)