码迷,mamicode.com
首页 > Web开发 > 详细

SVG基础图形和D3.js

时间:2019-04-15 20:21:41      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:target   attr   body   select   过程   idt   sel   lan   画圆   

使用D3.js画一个SVG 的 圆 circle

可以使用如下代码创建:

<svg width="50" height="50">
    <circle cx="25" cy="25" r="25" fill="purple" />
</svg>

D3.js来创建这些图形可以看做这一过程为两步:

  1. 创建SVG容器(SVG坐标空间)
  2. 画圆形
//创建一个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);

 

转自:https://www.cnblogs.com/winleisure/p/3517998.html

SVG基础图形和D3.js

标签:target   attr   body   select   过程   idt   sel   lan   画圆   

原文地址:https://www.cnblogs.com/vickylinj/p/10712223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!