communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

SVG en ligne HTML5

(*-*)浩
Libérer： 2019-10-25 16:18:02
original
2284 Les gens l'ont consulté

HTML5 prend en charge le SVG en ligne.

SVG en ligne HTML5

Qu'est-ce que SVG ? (Apprentissage recommandé : tutoriel HTML)

SVG fait référence à Scalable Vector Graphics (Scalable Vector Graphics)

SVG est utilisé pour définir des graphiques vectoriels pour le Graphiques Web

SVG utilise le format XML pour définir les graphiques

Les images SVG ne perdront pas leur qualité graphique lorsqu'elles sont agrandies ou redimensionnées

SVG est un standard du World Wide Web Consortium

Avantages du SVG

Par rapport à d'autres formats d'image (tels que JPEG et GIF), les avantages de l'utilisation du SVG sont :

Images SVG peut être modifié avec du texte

Les images SVG peuvent être recherchées, indexées, scriptées ou compressées

SVG est évolutif

Les images SVG peuvent être modifiées à n'importe quelle résolution Imprimer en haute qualité

SVG peut être agrandi sans perdre la qualité de l'image

Prise en charge des navigateurs

Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge le SVG en ligne.

Intégrer du SVG directement dans des pages HTML

En HTML5, vous pouvez intégrer des éléments SVG directement dans des pages HTML :

Exemple 

<!DOCTYPE html>
<html>
<body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg></body>
</html>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
html5
source：php.cn
Article précédent：balise de tableau HTML Article suivant：Toile HTML 5 vs SVG
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal