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 rein kopiert geht es

Oder ist das wieder so ein Browser ding ?

Tags