SVG-Grafik Farbe ändern

[Rolf B]

Hallo Linuchs,

du kannst SVG mit einem Stylesheet beeinflussen, das im gleichen Dokument liegt. Das ist

• ein svg-Element, das in HTML eingebettet ist
• ein Stylesheet, das sich im SVG-Dokument befindet

Ein externes SVG ist dagegen ein eigenes Dokument, in das kannst Du - meine ich - nicht hineinstylen.

Schon gar nicht mit einem style-Attribut auf dem img Element, damit würdest Du diese Eigenschaften auf dem img Element setzen und nicht auf dem g Element des SVG Bildes dahinter.

Bei einem eingebetteten SVG ging es über das Stylesheet des HTML Dokumentes

<style>
#bildlein rect {
   fill: pink;
}
</style>
<h1>Mahlen nach Zalen</h1>
<svg id="bildlein" viewBox="0 0 100 100">
   <g>
      <rect x="10" y="10" width="50" height="20" />
   </g>
</svg>

Aber für ein externes SVG greift das nicht.

Man könnte MÖGLICHERWEISE über URL Parameter gehen und diese mit Script im SVG auslesen, aber das ist ziemlich von hinten durch die Brust ins Auge und ich weiß auch nicht, ob die Browser Script in SVG Files bereitwillig ausführen.

Rolf