Node.js 里用 D3.js 来作图

Node.js 里用 D3.js 来作图

2016年12月24日 11:18:04 阅读数：2586

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lzhlzz/article/details/53857357

安装模块

npm install d3 jsdom
1

D3.js是操作DOM来作图的，要在Node.js里使用需要像jsdom这样的模块。

绘制一个圆

var d3 = require('d3');
var jsdom = require('jsdom');

var document = jsdom.jsdom();

var svg = d3.select(document.body).append('svg')
    .attr('xmlns', 'http://www./2000/svg')
    .attr('width', 500)
    .attr('height', 500);


svg.append("circle")
    .attr("cx",250)
    .attr("cy",250)
    .attr("r",250)
    .attr("fill","Red");

console.log(document.body.innerHTML);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

编辑好后，保存为 drawCircle.js，当然什么名字都可以。

导出SVG图

node drawCircle.js > mycircle.svg
1

将 drawCircle.js 输出的内容（console.log 里的内容）重定向到 mycircle.svg。

最后得到生成的SVG图：mycircle.svg