FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: SVG Objekte mit js ansprechen vom 14.09.2011

	MGi Foren-Übersicht -> Programmierung -> SVG Objekte mit js ansprechen

Autor

Nachricht

mr_sol
Threadersteller

Dabei seit: 14.09.2011
Ort: -
Alter: -
Geschlecht: Männlich

Verfasst Mi 14.09.2011 11:38
Titel

SVG Objekte mit js ansprechen

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)

Code:

<?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');"/>
<input type="button" value="test" onclick="setUsedFill('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>

Wer hat eine Idee?

Danke im Voraus.


	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.