mr_sol: SVG Objekte mit js ansprechen

Beitrag lesen

SELF-Forum

SVG Objekte mit js ansprechen

mr_sol
– Informationen zu den Bewertungsregeln

Hallo Thomas!

Klappt leider nicht ganz.
Ich habe den Code überarbeitet mit zwei Instanzen ausgestattet. Leider klappt es nur mit dem Object.

Hast du vielleich noch eine Idee.

<?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 setUsedFill1(uId, fill) {  
  var xlinkns = "http://www.w3.org/1999/xlink";  
  var a = document.getElementById(uId).getAttributeNS(xlinkns, "href").substring(1);  
  document.getElementById(a).setAttributeNS(null, "fill", fill);  
}  
  
</script>  
</head>  
<body>  
<div>  
<input type="button" value="test" onclick="setUsedFill1('uc1', 'yellow');"/>  
<input type="button" value="test" onclick="setUsedFill1('uc2', 'red');"/>  
</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>  
  <use id="uc2" x="100" y="100" xlink:href="#c1"></use>  
</svg>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln