SVG Rechtecke mit Javascript vergößern

Adviter · 6. August 2019

Hallo,

hoffe mir kann hier einer Weiter helfen .

Ich habe versucht mit Javascript ein rect zu vergrößern aber das Funktioniert nicht.

Hat einer noch eine besser Idee, wie das ganze Funktionieren könnte?

Code

<svg id="svg" style="margin-left:20px; margin-top:20px;" height="500" width="900">
<rect id="g" x="10" y="10" width="100" height="100"/>
</svg>
<script type="text/javascript">
document.getElementById('g').style.width = 200 + "px";
</script>

Sempervivum · 6. August 2019

Es funktioniert, wenn ich statt der CSS-Eigenschaft das Attribut ändere:

document.getElementById('g').setAttribute('width', '200');

basti1012 · 6. August 2019

Adviter schrieb:

Hat einer noch eine besser Idee, wie das ganze Funktionieren könnte?

Ich weiß zwar nicht warum, aber wenn man dein Code bei codepen reinkopiert geht es

* Link entfernt , weil existiert nicht mehr *

Oder ist das wieder so ein Browser Ding?

Tags