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