d3.selectが正しいタグを取得しない

Question

私はjavascriptプロジェクトに取り組んでいます。

これまで私がd3.jsで行ってきたことは、世界地図を描いています。 次のページを参考にしてください（http://www.d3noob.org/2013/03/a-simple-d3js-map-explained.html）

すべての国がsvgタグで示されています。

私がしたいことは、画像をpngに変換してローカルコンピュータにダウンロードすることです。

インターネットで調べると、それが可能です。

私はそれをbase64 datarurlに変換してからpngに変換する必要があります。

まず、svgタグを選択するだけです。

次は、テストの目的のために私のコード

function downloadImg(){  
     var html = d3.select("svg") 
       .attr("version", 1.1) 
       .attr("xmlns", "http://www.w3.org/2000/svg") 
       .node().parentNode.innerHTML; 

     window.alert(html); 
     ... 
     ... 
} 

ですが、私は "HTML" をプリントアウト。 私に与えるものは全身です。 私はsvgタグ要素が必要です。

私が間違ったことを教えてもらえますか？

ありがとうございます。

Answer 1

Element.outerHTMLはここにあなたの友達です：

var html = d3.select("svg") 
       .attr("version", 1.1) 
       .attr("xmlns", "http://www.w3.org/2000/svg") 
       .node().outerHTML