2 Star 2 Fork 0

杨建永 / antvDemo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

拖拽流程

整体拖拽流程是:源节点 -> 拖拽节点 -> 放置节点,默认是将源节点克隆一份变为拖拽节点,拖拽节点克隆一份变为放置节点

关键词

graph 画布; dnd 拖拽插件;

  1. 拖拽创建节点: 左侧列表元素 绑定mousedown事件,根据data-type创建 对应源节点,并开始拖拽 dnd.start()
  1. 拖拽结束修改放置节点: 添加连接桩 getDropNode;

  2. 连线规则配置

  3. 选中节点样式修改

TODO: 待处理: 节点、连线的右键删除,节点具体参数的展示以及可支持修改 问题:
连线事件? 节点id作用? 创建新数组保存节点数据和连线关系

空文件

简介

学习antv g6、x6流程图样例 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yang-jianyong/antv-demo.git
git@gitee.com:yang-jianyong/antv-demo.git
yang-jianyong
antv-demo
antvDemo
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891