JavaScript（ライブラリなし）でSVGビューボックスを操作する

Question

JavaScriptでSVG要素のビューボックスを変更しようとしています。基本的には、私はバイナリ検索ツリーを描画しています。それが広すぎると、ツリーがウィンドウに収まるようにビューボックスを縮小して縮小したいと考えています。私は現在、使用しています：

if(SVGWidth>=1000){ 
    var a = document.getElementById('svgArea'); 
    a.setAttribute("viewbox","0 0 " + SVGWidth + " 300"); 
} 

HTMLは次のとおりです。

<svg id="svgArea" xmlns="w3.org/2000/svg"; xmlns:xlink="w3.org/1999/xlink"; width="1000" height="300" viewBox="0 0 1000 300"> 

私はまた、setAttributeNS（ 'ヌル'、...）を使用してみましたが、それはどちらか動作していないようでした。私が気付いたことは、（a）奇妙に思われる[オブジェクトSVGSVGElement]を警告するときです。どんな助けもありがとうございます。

Answer 1

SVGの文脈を見て良いだろうが、純粋なSVG文書を私のために働い以下：viewBoxは大文字と小文字が区別されるので

shape = document.getElementsByTagName("svg")[0]; 
shape.setAttribute("viewBox", "-250 -250 500 750"); 

たぶんそれはですか？

Answer 2

コードにエラーがあります。「viewbox」は「viewBox」とは異なります... Bは大文字です。コードを次のように変更してください：

a.setAttribute("viewBox","0 0 " + SVGWidth + " 300");