Heim > Artikel > Web-Frontend > HTML5-Inline-SVG
HTML5-Inline-SVG
- (*-*)浩Original
- 2019-10-25 16:18:022296Durchsuche
HTML5 unterstützt Inline-SVG.
Was ist SVG? (Empfohlenes Lernen: HTML-Tutorial)
SVG bezieht sich auf Scalable Vector Graphics (Skalierbare Vektorgrafiken)
SVG wird verwendet, um vektorbasierte Grafiken für zu definieren Webgrafiken
SVG verwendet das XML-Format zum Definieren von Grafiken
SVG-Bilder verlieren ihre Grafikqualität nicht, wenn sie vergrößert oder in der Größe geändert werden
SVG ist ein Standard des World Wide Web Konsortium
Vorteile von SVG
Im Vergleich zu anderen Bildformaten (wie JPEG und GIF) bietet die Verwendung von SVG folgende Vorteile:
SVG-Bilder können mit Text bearbeitet werden
SVG-Bilder können durchsucht, indiziert, mit Skripts versehen oder komprimiert werden
SVG ist skalierbar
SVG-Bilder können in jeder Auflösung bearbeitet werden. Drucken mit hoher Qualität
SVG kann ohne Verlust der Bildqualität vergrößert werden
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen Inline-SVG.
SVG direkt in HTML-Seiten einbetten
In HTML5 können Sie SVG-Elemente direkt in HTML-Seiten einbetten:
Beispiel
<!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>
Das obige ist der detaillierte Inhalt vonHTML5-Inline-SVG. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!