Beispiel Flowerish 03: Unterschiedliche Einbindungen der SVG-Datei mit Inline-Styles

Da die Media Queries und Styleanweisungen aus dem eingebundenen Stylesheet bei den Einbindungsarten aus Beispiel 02 nicht greifen, werden sie in diesem Fall direkt in die SVG-Datei eingebunden. Bei embed und object funktioniert das genauso gut wie die Verwendung von Inline-SVG mit externen Styles. Für die SVG-Einbindung im img-Tag oder als Hintergrundgrafik, greifen zwar die Farbzuweisungen, aber die Media Queries nicht.

SVG im img-Tag eingebunden

SVG als Background-Grafik

SVG mit object eingebunden

SVG mit embed eingebunden