d3.select greift nicht nach rechts

Question

Ich arbeite an Javascript-Projekt.

Was ich bisher mit d3.js gemacht habe, ist das Zeichnen einer Weltkarte. Ich referenziere die folgende Seite. (http://www.d3noob.org/2013/03/a-simple-d3js-map-explained.html)

Alle Länder sind unter SVG-Tag gezeichnet.

Was ich tun möchte, ist das Bild in Png konvertieren und auf den lokalen Computer herunterladen.

Erforschung im Internet, es ID machbar.

Ich muss es in Base64 Datarurl konvertieren und dann in Png konvertieren.

Das erste, was ich tun muss, ist Svg-Tag auswählen.

Das folgende ist mein Code

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); 
     ... 
     ... 
} 

Für Testzwecke, ich drucken "html". Was es mir gibt, ist der gesamte Körper. Ich brauche nur SVG-Tag-Elemente.

Können Sie mir sagen, was ich falsch gemacht habe?

Vielen Dank.

Answer 1

Element.outerHTML ist dein Freund hier:

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