Thomas Meinike: Eigenschaften width und height eines SVG in JavaScript

Beitrag lesen

Hallo,

Mein Versuch: Ich greife mit svgobj = document.getElementById("svg").getSVGDocument(); auf das Element zu.

So weit, so gut. Nun meine Frage:
Wie komme ich nun an die im SVG angegebenen Größen Angaben ?

svgobj.width oder svgobj.height liefert "undefinied" zurück. Wenn ich das object Element selber mit svgobj = document.getElementById("svg") angebe, bekomme ich mit svgobj.width gar nichts zurück.

1. ueber das window-Objekt des SVG-Containers:

svgobj1 = document.getElementById("svg");
w = svgobj1.window.innerWidth;
h = svgobj1.window.innerHeight;

2. durch direkte Abfrage der (gesetzten) Attribute aus dem svg-Wurzelelement:

svgobj2 = document.getElementById("svg").getSVGDocument();
w = svgobj2.rootElement.getAttribute("width");
h = svgobj2.rootElement.getAttribute("height");

BTW: Mit object gibt es aber Probleme beim Uebergang vom HTML- zum SVG-Script-Kontext embed und iframe sind da handlicher, siehe: http://svglbc.datenverdrahten.de/embed_object_iframe.htm.

MfG, Thomas

--
SVG - Learning By Coding
http://svglbc.datenverdrahten.de/