SVG als Bild
SVG-Bilder können als Bildformat in verschiedenen Kontexten verwendet werden. Browser unterstützen SVG-Bilder in:
- HTML-
<img>- oder<svg>-Elementen - CSS
background-image - CSS
list-style-image - CSS
content - SVG-
<image>-Element - SVG-
<feImage>-Element - Canvas-Funktion
drawImage
Einschränkungen
Aus Sicherheitsgründen legt Gecko einige Einschränkungen für SVG-Inhalte fest, wenn diese als Bild verwendet werden:
- JavaScript ist deaktiviert.
- Externe Ressourcen (z. B. Bilder, Stylesheets) können nicht geladen werden, sie können jedoch verwendet werden, wenn sie über data:-URLs eingebettet sind.
:visited-Link-Stile werden nicht gerendert.- Plattform-native Widget-Stile (basierend auf dem OS-Theme) sind deaktiviert.
Beachten Sie, dass die obigen Einschränkungen spezifisch für Bildkontexte gelten; sie gelten nicht, wenn SVG-Inhalte direkt angezeigt werden oder wenn sie als Dokument über die <iframe>, <object> oder <embed>-Elemente eingebettet sind.
Spezifikationen
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |