SVG als Bild
SVG-Bilder können in verschiedenen Kontexten als Bildformat 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 unterliegt SVG-Inhalt, wenn er als Bild verwendet wird, einigen Einschränkungen in Gecko:
- JavaScript ist deaktiviert.
- Externe Ressourcen (z.B. Bilder, Stylesheets) können nicht geladen werden, obwohl sie verwendet werden können, wenn sie über Data-URLs eingebettet sind.
:visited-Link-Stile werden nicht gerendert.- Die plattformnative Widget-Stilgebung (basierend auf dem Betriebssystem-Thema) ist deaktiviert.
Beachten Sie, dass die oben genannten Einschränkungen spezifisch für Bildkontexte sind; sie gelten nicht, wenn SVG-Inhalt direkt angesehen oder als Dokument über die <iframe>, <object> oder <embed>-Elemente eingebettet wird.
Spezifikationen
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |