Kann Svg nicht skalieren, wenn mit js

Question

erstellt Ich versuche, Svg-Bild mit Javascript zu erstellen. Es muss auf Containergröße skaliert werden. Ich verwende das Ansichtsfenster, um die Bildgröße zu definieren und zu versuchen, sie mithilfe der Breite/Höhe zu skalieren. Problem ist, dass es nicht funktioniert, wenn es von js erstellt wurde. Sie können es sehen hier enter link description here

weiß nicht, warum Linien Bild SVG nicht maßstabs

var svg = document.getElementsByTagName('svg')[0]; 
svg.setAttributeNS(null, 'width', 600); 

Answer 1

Groß- und Kleinschreibung und der korrekte Name des Attributs ist viewBox und nicht viewBox, wie Sie es geschrieben haben. Was Sie wirklich wollen, ist dies ...

svg.setAttribute('viewBox', viewbox); 

Mit setAttribute statt setAttributeNS und vorbei null als erstes Argument, wie ich oben würden Sie sparen Tipparbeit gemacht habe.