JavascriptとSVG

JavaScriptを使ってSVGベクトルを動的に作成しようとしていますが、いくつか問題が発生しています。JavascriptとSVG

私はdocument.createElementでjavascriptでsvgマークアップを作成し、それをdivコンテナに追加します。それから私は同じことをしてrectを作成し、それを子としてsvg idに追加します。私はDOMを見てみると

は、私は、要素が追加されて見ることができる、とそのプロパティは、以下のとおりです。

<svg id="gdc_container" xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="300"> 
    <rect id="gdc_background" width="500" height="300" style="rgb(0,0,255)"></rect> 
</svg>

すべてはしかし、グラフィックスが表示されない、正常に見えます。クロムインスペクタを使用すると、svgとrect要素が表示されますが、クロムのツールチップのサイズは[0 x 0]と表示されます。

誰もが考えている？

出典

2011-10-21 grep

'createElementNS'を試しましたか？（https://developer.mozilla.org/en/DOM/document.createElementNS）、いくつかの例はhttp://www.kevlindev.com/tutorials/basics/shapes/js_dom/index.htmをご覧ください。 – Prusse

答えとして、チェックマークを付けてください！ありがとう – grep

createElementNSを試しましたか？（developer.mozilla.org/en/DOM/document.createElementNS）

http://www.kevlindev.com/tutorials/basics/shapes/js_dom/index.htmをご覧ください。

出典

2011-10-21 14:53:26 Prusse

図形の例の1つを使って試しました。私はwindow.onloadの中にコードブロックを挿入し、形は現れません。 – MiddleKay

あなたはどのブラウザを使用していますか？問題を示すフィドルを作成できますか？ http://jsfiddle.net/ – Prusse

Google Chromeで試してみたhttp://jsfiddle.net/w9gEx/ – MiddleKay

JavascriptとSVG

答えて

関連する問題