前端流程图调研

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,好像比较小众。是一个富文本编辑器+流程图编辑器
请添加图片描述

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderlin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值