zhu18 / jsplumb-chinese-tutorial

jsplumb中文教程

查看在线Pages文档

直接查看仓库中的文档

目录简介

• 1. jsplumb 中文基础教程
  • 1.1. 什么是jsplumb？
  • 1.2. jsplumb能干什么
  • 1.3. 基本概念
• 2. 基础demos
  • 2.1. 连接两个节点
  • 2.2. 可拖动节点
  • 2.3. 连接的其他参数
  • 2.4. 设置连接的默认值
  • 2.5. 给连接加上样式
  • 2.6. 给连接加上箭头
  • 2.7. 增加一个端点
  • 2.8. 拖动创建连接
  • 2.9. 给端点增加样式
  • 2.10. 节点改变尺寸
  • 2.11. 限制节点拖动区域
  • 2.12. 节点网格对齐
  • 2.13. 点击删除连线
  • 2.14. 删除节点，包括节点相关的连接
  • 2.15. 通过编码连接endPoint
  • 2.16. 连接前的检查，判断是否建立连接
  • 2.17. 一个端点如何拖拽出多条连线
  • 2.18. 整个节点作为source或者target
  • 2.19. 整个布局的缩放
• 3. jsPlumb默认配置简介
• 4. 有没有稍微复杂一点，带有拖放的栗子？
• 5. 实战项目 一个可视化IVR编辑器
• 6. 还有哪些类似的图形连线可视化项目
  • 6.1. G6 AntV
  • 6.2. VivaGraphJS
  • 6.3. springy
  • 6.4 graphviz
• 7. 参考资源

Todolist

• 流程图
• 状态机
• 拖放
• 边缘锚点
• 分级节点
• 整个节点作为源或者目标
• 动态锚点
• 动画
• 分组