首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将d3图形保存为本地计算机上的图像?

如何将d3图形保存为本地计算机上的图像?
EN

Stack Overflow用户
提问于 2014-03-04 16:08:05
回答 1查看 9K关注 0票数 0

HTML代码:

代码语言:javascript
运行
复制
<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>

脚本代码:

代码语言:javascript
运行
复制
 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或任何其他图像格式在本地机器。

EN

回答 1

Stack Overflow用户

发布于 2017-07-13 11:15:07

有一个NPM包可以做到这一点。它被称为svg-2-image。如果你使用AngularJS,还有一种叫做d3-to-image的方法。

看看这个:

https://www.npmjs.com/package/svg-2-imagehttps://www.npmjs.com/package/d3-to-image

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22166232

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档