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!
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
Was tun, wenn phpmyadmin die SQL-Datei nicht importieren kann?
Was ist der Unterschied zwischen Datenbankansichten und Tabellen?
So verwenden Sie das Artikel-Tag
Verwendung von #include in der C-Sprache
Detaillierte Erklärung des Linux-Befehls dd
Software für virtuelle Maschinen
