如何將d3圖形保存爲本地機器上的圖像？

HTML代碼：如何將d3圖形保存爲本地機器上的圖像？

<div id="chart"></div> 

<div id="canvas-option"> 
    <label>File Name : 
     <input type="text" id="canvas-filename" placeholder="image"/>.png</label> 
     <input type="submit" value="Save"> 
</div>

腳本代碼：

var canvas = d3.select("#chart").append("svg") 
    .attr("id","svg_graph") 
    .attr("width",width) 
    .attr("height",height); 



> canvas_option_form = $("canvas-option"), canvas1 = $("chart"), 
> canvas_filename=$("canvas-filename") 
> canvas_option_form.addEventListener("submit",function(event) { 
>  event.preventDefault();   canvas1.toBlob(function(blob)  { 
>   saveAs(blob,(canvas_filename.value || 
>         canvas_filename.placeholder)+".png");   },"image/png");  },false);

，所以我希望它SVG將其保存爲PNG或在本地計算機中的任何其他圖像甲。

來源

2014-03-04 Rajeshwar N.

你可以看這裏：http://stackoverflow.com/questions/3975499/convert-svg-to-image-jpeg-png-etc-在-的瀏覽器 – Mathias