mr_sol: SVG Objekte mit js ansprechen

Beitrag lesen

SELF-Forum

SVG Objekte mit js ansprechen

mr_sol
– Informationen zu den Bewertungsregeln

Hallo!

Hat von euch jemand eine Idee

Ich möchte per js die Attribute eines SVG Objecte (Instanz) verändern.

Per instanceRoot.correspondingElement klappts in Opera, Chrome und IE 9.
Firefox/Mozilla gar nicht (wird nicht unterstützt)

<?xml version="1.0" encoding="UTF-8"?>  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:xlink="http://www.w3.org/1999/xlink">  
<head>  
<title>SVG use test</title>  
<script type="text/javascript">  
function setUsedFill(uId, fill) {  
  document.getElementById(uId).instanceRoot.correspondingElement.setAttributeNS(null, 'fill', fill);  
}  
</script>  
</head>  
<body>  
<div>  
<input type="button" value="test"  
       onclick="setUsedFill('uc1', 'yellow');"/>  
</div>  
<div>  
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">  
  <defs>  
    <circle id="c1" cx="50" cy="50" r="30" fill="green"/>  
  </defs>  
  <use id="uc1" x="0" y="0" xlink:href="#c1"></use>  
</svg>  
</div>  
</body>  
</html>

Welche Möglichkeit habe ich noch?

Danke in Voraus.

Beitrag melden
–
Informationen zu den Bewertungsregeln