将SVG d3js树形图转换为图像文件

Question

我正在尝试将像this one这样的树形图转换为图片（png / jpg）。看看我试图做的事情：

function get_dendrogram(){
    var svg = document.querySelector('svg');
    var data = (new XMLSerializer()).serializeToString(svg);
    var blob = new Blob([data], {type: 'image/svg+xml;charset=utf-8'});
    saveAs(blob, "my_image.png"); 
}

要保存生成的blob，我正在使用FileSaver.js。

我不知道我可以丢失什么...当我尝试打开文件时，它说它已损坏。

我还尝试使用html2canvas将svg转换为canvas，然后使用FileSaver或canvas2image保存。在这些方面，我得到了图像，但它变形了。