Robert B.: SVG-Grafik Farbe ändern

Beitrag lesen

problematische Seite

Moin,

irgendwo gab es eine Info, dass SVG mit CSS beeinflusst werden kann.

zumindest in einem SVG ist das möglich (auch wenn das Wiki das nur verklausuliert nennt).

Ich möchte ein icon weiß färben für einen dunklen Hintergrund

<g transform="translate(0.000000,1021.000000) scale(0.100000,-0.100000)"
fill="#ff5722" stroke="none">

#ff5722 ist die Farbe, aber die Änderung funktioniert so nicht:

<img class="ic c_weiss" src="img/icon_audio.svg" style="fill:#fff" />
<img class="ic c_weiss" src="img/icon_audio.svg" style="color:#fff" />

fill ist auch CSS-Attribut für HTML, sondern für SVG.

Du könntest probieren, ob svg mit use deinem Zweck dient, d.h.

<body><svg>
    <use href="/pfad/zur/datei.svg#objekt" style=""/>
</svg></body>

Viele Grüße
Robert