介绍
D3.js怎么在节点。js中使用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
<>强安装模块强>
npm install d3 jsdom
D3.js是操作DOM来作图的,要在节点。js里使用需要像jsdom这样的模块。
<强>绘制一个圆强>
var d3 =,要求(& # 39;d3 # 39;); var jsdom =,要求(& # 39;jsdom& # 39;); var document =, jsdom.jsdom (); var svg =, d3.select (document.body) .append (& # 39; svg # 39;) ,.attr (& # 39; xmlns # 39;,, & # 39; http://www.w3.org/2000/svg& # 39;) ,.attr(& # 39;宽度# 39;,,500) ,.attr(& # 39;高度# 39;,,500); svg.append (“circle") ,.attr (“cx", 250) ,.attr (“cy", 250) ,.attr (“r", 250) ,.attr (“fill",“Red"); console.log (document.body.innerHTML);
编辑好后,保存为drawCircle。js,当然什么名字都可以。
<>强导出SVG图强>
node drawCircle.js 祝辞mycircle。svg
将drawCircle。js输出的内容(控制台。日志里的内容)重定向到mycircle。svg .
看完上述内容,你们掌握D3.js怎么在node . js中使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!