# D3-Es6

**Repository Path**: dz_wf/D3-Es6

## Basic Information

- **Project Name**: D3-Es6
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-30
- **Last Updated**: 2021-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 功能列表：
1. 增加下载SVG转PNG功能，图片尺寸超出可视区域也能够下载全部显示出来
2. 增加图谱放大缩小平移功能
3. 增加图谱初始化加载时自动缩放功能
4. 增加导出excel功能
5. 增加右键菜单功能
6. 增加拖拽添加连线功能
7. 增加鼠标点击画布增加节点功能
8. 增加右键删除节点和左侧工具栏删除节点功能
9. 增加环形布局
10.增加矩形布局

# 功能详情：
1. 拖拽添加连线功能
 两个节点之间只能有一条边，如果节点互相指向，则为一条双向边;
 当已经有一条边后再进行同方向拖拽连线时不会添加新边;
 当已经有一条边后进行反方向拖拽连线时会合并为一条双向边;

2. SVG转PNG功能
 当前视图超出可视区域，即滚动鼠标中键放大当前图谱，有部分元素被隐藏，截图时也会将可视区域之外的元素保留到截图里;

3. 鼠标点击画布增加节点功能
 画布放大缩小或者平移，点击画布，新增的节点也会在鼠标点击处，不会发生偏移;
 实现方法是将图谱数据刷新后，重新设置该节点的translate和scale值(自觉得这种方法也不是太好);   

...


# 启动方式：
进入根目录打开控制台运行以下命令
1. npm install
1. npm run build:dll 
2. npm run build 
3. node api
4. 打开http://localhost:3000即可


在线预览地址:[https://zhangzn3.github.io/D3-Es6/](https://zhangzn3.github.io/D3-Es6/ "预览")