SVG基础图形和D3.js
Posted vickylinj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SVG基础图形和D3.js相关的知识,希望对你有一定的参考价值。
使用D3.js画一个SVG 的 圆 circle
可以使用如下代码创建:
<svg width="50" height="50"> <circle cx="25" cy="25" r="25" fill="purple" /> </svg>
D3.js来创建这些图形可以看做这一过程为两步:
- 创建SVG容器(SVG坐标空间)
- 画圆形
//创建一个SVG容器 var svgContainer = d3.select("body").append("svg") .attr("width",200) .attr("height",200); //画圆形 var circle = svgContainer.append("circle") .attr("cx",30) .attr("cy",30) .attr("r",20);
以上是关于SVG基础图形和D3.js的主要内容,如果未能解决你的问题,请参考以下文章
Angular 2.0 和 D3.js 不在 svg 上应用 Css [重复]
d3.js:在 Angular 应用程序和 node.js 上运行相同的代码