Javascript：将SVG元素保存为本地文件系统作为PNG并复制到剪贴板不起作用

Question

我有一张d3图表。我有几个问题。

1。保存为PNG

我试图在点击超级链接“另存为PNG”时以PNG格式保存此SVG元素。我没有保存图像，只看到空内容。我不确定是不是因为班级等。

 d3.select("#download").on("click", function () {
       debugger;
       d3.select(this)
        .attr("href", 'data:application/octet-stream;base64,' + btoa(d3.select("#line").html()))
        .attr("download", "test.png")
     })

2。保存到剪贴板

复制到剪贴板不起作用。

代码位于以下网址：您能否帮助我。

     //clipboard
 d3.select("#clipboard").on("click", function () {
     debugger;
     var div = document.getElementById('line1');
     div.contentEditable = 'true';
     var controlRange;
     if (document.body.createControlRange) {
         controlRange = document.body.createControlRange();
         controlRange.addElement(div);
         controlRange.execCommand('Copy');
     }
     div.contentEditable = 'false';
 }); 

http://jsfiddle.net/shanthisivanesan/VGTz3/7/