d3绘制矩形 圆形

 时间:2024-10-13 09:16:32

1、首先,在自己的HTML页面引入d3js。引入之后就可以使用全局的d3方法。select('body')表示选择body,然后app髫潋啜缅end表示添加一个元素,这里是添加svg。后面的x,y是坐标, width及height则是宽高。

d3绘制矩形 圆形

2、然后在浏览器里面浏览页面查看元素就可以看到svg了。

d3绘制矩形 圆形

3、然后调用刚才创建的svg元素,再append一个矩形rect,这个是固定的写法,rect表示创建矩形。同理xy和width,height跟之前一样。fill表示填充颜色。

d3绘制矩形 圆形

4、然后刷新HTML页面即可看到一个偏浅绿色的矩形了。

d3绘制矩形 圆形

5、而原先则是用circle来创建,cx,cy是圆心的坐标,r则表示该圆形的半径大小哦。

d3绘制矩形 圆形

6、最后看结果,一个矩形和圆形就画好了。

d3绘制矩形 圆形
  • pycharm怎么调整控制台的字体及其大小
  • python中如何提取一组数据中的第一列数据
  • 利用python进行简单区间运算
  • MATLAB 保存数据追加到TXT文件时的程序
  • 如何用python实现行列互换?
  • 热门搜索
    庆五一手抄报 数学乐园手抄报 感恩教师的手抄报 新学期手抄报图片 关于防疫情的手抄报 关于环保的手抄报内容 感恩老师手抄报图片 三年级手抄报端午节一等奖 三年级国庆节手抄报 中国神话故事手抄报