前端流程图调研

react-flow (免费)官网

数据展示:使用position调整每个数据的位置,使用source,target调整每条连线的位置。展示label可以使用html元素。

交互:可添加连接线,删除节点(无法通过control+z撤回),修改节点内容,看官网案例好像不支持新增节点,而且修改节点感觉比较麻烦。应该是属于一个主要“展示”流程图的工具。
请添加图片描述

jsPlumb ( 商业版收费,社区版免费功能较少 )官网

gojs 收费(商业版收费,功能较强大)官网

基于HTML5 Canvas,功能强大,但是api较为复杂。而且收费。不收费有水印版本。
请添加图片描述

jTopo(免费)官网

基于HTML5 Canvas的关系、拓扑图形化界面开发工具包,中文文档较为友好。功能较为丰富,比如右键菜单功能,有在线脑图功能,功能较为强大。api的使用较为友好。

请添加图片描述

GGEditor官网

基于react+G6的在线流程图编辑器

请添加图片描述

blink-mind官网

基于react.js和mmutable.js的思维导图库,

请添加图片描述

react-mindmap官网

基于blink-mind,好像比较小众。是一个富文本编辑器+流程图编辑器
请添加图片描述

Guess you like

Origin blog.csdn.net/lin_fightin/article/details/121359595