SVG Rechtecke mit Javascript vergößern

Adviter

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

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

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

basti1012

Zitat von Adviter

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?

SVG Rechtecke mit Javascript vergößern

Jetzt mitmachen!

Tags