tlemar / antV-X6-demo

antV X6调研demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

x6

本 demo 主要为调研 X6 实现流程可视化编辑功能的实现,是否满足业务需求

基本功能

拖拽菜单生成节点

自定义节点类型

点击节点弹出侧边栏编辑业务数据

修改业务数据,同步到节点更新

鼠标点击拖动画布

鼠标点击拖动节点

按住 ctrl+滚动鼠标滚轮缩放画布、可实现点击按钮放大缩小

delete、backspa 删除选中节点,可实现按钮删除

自定义连线,锚点和链接桩

可实现数据生成节点

结论

优点:X6 展示了极大的灵活性与可塑性

缺点:缺少 API 文档,很多方法接口都需要去源码里找

demo界面

demo地址 界面

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

About

antV X6调研demo


Languages

Language:Vue 91.6%Language:JavaScript 4.7%Language:HTML 3.7%