Maison >interface Web >tutoriel HTML >SVG en ligne HTML5

SVG en ligne HTML5

(*-*)浩
(*-*)浩original
2019-10-25 16:18:022302parcourir

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>

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!

Déclaration:
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
Article précédent:balise de tableau HTMLArticle suivant:balise de tableau HTML