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

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!

Teilen

Tags