Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.
Das svg
Element kann dazu verwendet werden um ein SVG Fragment innerhalb des aktuellen Dokuments (zum Beispiel ein HTML Dokument) einzubetten, sofern das <svg>
Element nicht als Root Element zum Einsatz kommt. Dieses SVG Fragment besitzt sein eigenes Darstellungsfeld und Koordinatensystem.
Nutzungskontext
Kategorien | Containerelement, Strukturelement |
---|---|
Erlaubter Inhalt | Beliebige Anzahl der folgenden Elemente, in beliebiger Reihenfolge: Animationselemente Beschreibende Elemente Formelemente Strukturelemente Farbverlaufselemente <a> , <altGlyphDef> , <clipPath> , <color-profile> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view> |
Beispiel
Berücksichtige das folgende SVG Bild (dies stellt die italienische Nationalflagge dar):
<svg xmlns="https://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 3 2"> <rect width="1" height="2" x="0" fill="#008d46" /> <rect width="1" height="2" x="1" fill="#ffffff" /> <rect width="1" height="2" x="2" fill="#d2232c" /> </svg>
Es könnt folgendermaßen in ein HTML5 Dokument inkludiert werden:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML/SVG Example</title> </head> <body> <svg width="150" height="100" viewBox="0 0 3 2"> <rect width="1" height="2" x="0" fill="#008d46" /> <rect width="1" height="2" x="1" fill="#ffffff" /> <rect width="1" height="2" x="2" fill="#d2232c" /> </svg> </body> </html>
Attribute
Globale Attribute
- Conditional processing attributes »
- Core attributes »
- Document event attributes »
- Graphical event attributes »
- Presentation attributes »
class
style
externalResourcesRequired
Spezifische Attribute
DOM Interface
Dieses Element implementiert das SVGSVGElement
Interface.
Specifikationen
Spezifikation | Status | Kommentar |
---|---|---|
Scalable Vector Graphics (SVG) 2 Die Definition von '<svg>' in dieser Spezifikation. |
Arbeitsentwurf | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) Die Definition von '<svg>' in dieser Spezifikation. |
Empfehlung | Initial definition |
Browserkompatibilität
Feature | Chrome | Firefox (Gecko) | IE | Opera | Safari |
---|---|---|---|---|---|
Basisunterstützung | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basisunterstützung | 3.0 | 1.0 (1.8) | Nicht unterstützt | (Ja) | 3.0.4 |
Diese Tabelle basiert auf diesen Quellen.