笔记, 若干个流程图前端类库

 约 2 分钟

为了方案探索, 查看了一下几个网上比较好找到的库, 看下对于我们定制的需求是否足够...

Raphael

  • SVG
  • 可以拖拽卡片, 不能拖拽线条
  • 没有文字

http://dmitrybaranovskiy.gith...

clipboard.png

gojs

https://gojs.net/latest/sampl...

  • SVG
  • 可以编辑文字
  • 注意左边是有编辑区域
  • 可以拖拽卡片, 可以拖拽连线
  • 连线上有节点连线上不能新增节点, 只能在某些方向上调整
  • 不知道怎么删除

clipboard.png

jointjs

http://resources.jointjs.com/...

  • 可以拖拽, 连线当中可以添加删除关键点
  • 连线上面有文字
  • 不知道怎么增加删除

clipboard.png

jgraph

https://jgraph.github.io/mxgr...

  • 可以拖拽
  • 箭头可以脱离卡片
  • 连线没看到拐弯的操作, 或者说没有看到可以插入关键点
  • 文字可以编辑
  • 不知道怎么添加连线

clipboard.png

flowchart.js

https://flowchart.js.org/

  • 只是图, 不能编辑
  • 基于 UML 生成图片

clipboard.png

G6

看不懂...

阅读 3.6k

推荐阅读
题叶
用户专栏

ClojureScript 爱好者.

493 人关注
248 篇文章
专栏主页
目录