Heim > Artikel > Web-Frontend > Was ist HTML5 Inline SVG?
Was ist HTML5 Inline SVG?
- WBOYOriginal
- 2022-01-13 11:51:271789Durchsuche
In HTML5 ist Inline-SVG die Abkürzung für „Scalable Vector Graphics“, was skalierbare Vektorgrafiken bedeutet, die zum Definieren vektorbasierter Grafiken für das Web verwendet werden; SVG verwendet das XML-Format zum Definieren von Grafiken und das Bild wird vergrößert oder Die Größe wird nicht verändert.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Was ist HTML5 Inline SVG?
HTML5 unterstützt Inline SVG.
SVG bezieht sich auf Scalable Vector Graphics
SVG wird verwendet, um vektorbasierte Grafiken für das Web zu definieren.
SVG verwendet das XML-Format, um Grafiken zu definieren.
SVG Die Grafikqualität des Bildes, wenn es vergrößert oder in der Größe geändert wird, ist nichts verloren
SVG ist ein Standard des World Wide Web Consortium
Im Vergleich zu anderen Bildformaten (wie JPEG und GIF) bietet die Verwendung von SVG folgende Vorteile:
SVG-Bilder können mit einem Texteditor erstellt und geändert werden
SVG-Bilder können durchsucht, indiziert, mit Skripts versehen oder komprimiert werden.
SVG ist skalierbar
- Das Beispiel sieht wie folgt aus:
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <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>
Ausgabeergebnis:
HTML-Video-Tutorial
“Das obige ist der detaillierte Inhalt vonWas ist HTML5 Inline SVG?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!