SVG-Grafik Farbe ändern

[ThomasM]

Hallo Rolf,

kommt halt drauf an, ob man in einem SVG Dinge rumpatchen will. Ein ext. Stylesheet kann ich ja auch nicht pro SVG-Einbindung auswechseln. Oder kann man, und ich weiß nur nicht wie es geht?

Über die genannte object-Einbindung lassen sich auch externe Stylesheets austauschen.

Dieses SVG-Dokument sei über object eingebunden:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="test1.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="20"/>
</svg>

Die Processing Instruction (PI) <? ... ?> ist der vorherige Knoten vom Wurzelelement.

obj.contentDocument.documentElement.previousSibling.nodeValue = 'href="test2.css" type="text/css"';

lädt das alternative Stylesheet in den PI-Kontext. Beide Stylesheets einfach mal mit unterschiedlichen circle { fill: ...; } versehen.

Grüße,
Thomas