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 allen vier Einbindungsarten funktioniert das in aktuellen Browsern genauso gut wie die Verwendung von Inline-SVG mit externen Styles.

SVG im img-Tag eingebunden

Stamm mit Zweigen und Blättern und Blüten

SVG als Background-Grafik

SVG mit object eingebunden

SVG mit embed eingebunden