Maison > Article > interface Web > SVG en ligne HTML5
SVG en ligne HTML5
- (*-*)浩original
- 2019-10-25 16:18:022272parcourir
HTML5 prend en charge le SVG en ligne.
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!