jsで作成した場合、svgを拡大縮小できません

Question

JavaScriptを使用してsvgイメージを作成しようとしています。コンテナのサイズに合わせてスケーリングする必要があります。私はビューポートを使用して画像のサイズを定義し、幅/高さを使って拡大縮小しようとしています。問題はjsから作成されていればうまくいかないという事実です。 あなたがここにenter link description here

いけないそれを見ることができますラインは、画像を拡大縮小しない理由

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

Answer 1

SVGは、大文字と小文字が区別され、属性の正しい名前は、ビューボックスで、あなたがそれを書いたとして、ビューボックスではない知っています。あなたが実際に欲しいの代わりにsetAttributeNSのsetAttributeメソッドを使用し、私はあなたにいくつかの入力を救う上でやったとして、最初の引数としてnullを渡して、この...

svg.setAttribute('viewBox', viewbox); 

です。