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

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

Raphael

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

http://dmitrybaranovskiy.gith...

笔记, 若干个流程图前端类库_第1张图片

gojs

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

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

笔记, 若干个流程图前端类库_第2张图片

jointjs

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

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

笔记, 若干个流程图前端类库_第3张图片

jgraph

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

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

笔记, 若干个流程图前端类库_第4张图片

flowchart.js

https://flowchart.js.org/

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

笔记, 若干个流程图前端类库_第5张图片

G6

看不懂...

你可能感兴趣的:(javascript,svg)