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-
drawImage
-FunktiondrawImage
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, obwohl sie verwendet werden können, wenn sie über data:-URLs eingebettet sind.
:visited
-Link-Stile werden nicht dargestellt.- Plattformnative Widget-Stilisierung (basierend auf dem OS-Thema) ist deaktiviert.
Beachten Sie, dass die oben genannten Einschränkungen spezifisch für Bildkontexte sind; sie gelten nicht, wenn SVG-Inhalte direkt betrachtet werden oder wenn sie als Dokument über die <iframe>
, <object>
oder <embed>
Elemente eingebettet werden.
Spezifikationen
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # the-background-image |