基于VUE和JSPlumb的在线绘制流程图工具

介绍

VUE FLOW DESIGN流程设计器，基于Vue + Ant Design Vue + JSPlumb，该组件目的是为了使用在Vue项目中，它前身是原生版流程设计器。
Vue版本以全新的技术栈重构了代码，并在原版基础上实现了更好的操作方式，新版会作为优先版本持续迭代。

效果演示

基础面板
拖拽节点到绘图区连线
拖拽对齐或使用自动对齐
显示/隐藏网格
设置节点和连线的属性
单节点、多节点移动(按住CTRL键)
改变节点对齐的排序顺序(按住Ctrl键一个一个单击选中要对齐的节点，单击的顺序就是对齐的排列顺序)
清空画布，重新绘制
保存流程图(会生成一段json数据，后台可以保存这段数据，为了便于调试，生成的json数据可以通过快捷键CTRL+ALT+T打开的测试窗口看到。同时也可以从该窗口载入其他的符合流程图的json数据)
保存流程图为图片保存到本地
通过设置页面(CTRL+ALT+S)可以设置相关参数
快捷键说明
。。。。。。

QQ交流群：637230519

基于VUE和JSPlumb的在线绘制流程图工具相关推荐

一款基于VUE的在线绘制流程图工具安装使用node.js
1.安装node.js 下载地址:https://nodejs.org/en/download/ 安装一下三项,并检查是否成功: node -v npm -v vue -V(大写的V) 一款基于VUE ...
在线绘制流程图工具gliffy
不用office,不用visio也可以绘制出漂亮的流程图. 不是visio不好用,实在是不愿意花那个钱. 使用Gliffy吧, 可以在线绘制流程图, http://www.gliffy.com/ 这是 ...
在线绘制流程图网站、思维导图网站总结
本篇博客总结了在线绘制流程图.思维导图的几个网站,欢迎留言补充 1.processsOn 免费在线作图.实时协作支持流程图.思维导图.原型图.UML.网络拓扑图.组织结构图等 2.爱莫流程图爱莫流 ...
vue连线插件_基于Vue的任务节点图绘制插件（vue-task-node）
简介: vue-task-node 是一个基于Vue的任务节点图绘制插件(vue-task-node is a Vue based task node mapping plug-in) 此篇博客会随插 ...
利用Proceesson在线绘制流程图实例演练！流程图的要点和注意事项说明
流程图常见的四大元素: 圆角矩形.矩形.菱形和箭头. 圆角矩形: 开始和结束矩形: 执行过程菱形: 判断箭头: 指示下一步流程图: 就是描述一个流程,跟这个流程相关的从开始到结束的所有步骤. ...
VUE+bpmn.js+iview 页面绘制流程图
前言:业务需求需要在页面绘制流程图,之前后台的同事都是在eclipse画的流程图,为了方便点希望能在页面上画. 我用的是iview的ui框架,用原生的话记得把按钮等标签改改. 如果用的是element ...
vue可视化拖拽生成工具_vdesjs: 基于vue的可视化拖拽，代码生成工具。提升前端开发效率，或者集成至项目作为在线拖拽工具。（持续迭代升级中）...
vdesjs 介绍 vdesjs是一款基于vue技术栈,可视化拖拽,代码生成工具.我们提供详细的文档来帮助您理解我们工具的实现原理,并且您可以方便的基于vdesjs来扩展您自己的代码生成组件. 技术选 ...
在线绘制图表工具的使用
推荐一个在线绘制图表的工具,不需要注册,使用方便 https://rawgraphs.io/ 选择use it now 有几种方式可以导入数据,这儿我们粘贴数据,从excel中复制数据过来粘贴下面 ...
基于Vue+Java实现的在线聊天APP系统设计与实现
全套资料下载地址:https://download.csdn.net/download/sheziqiong/85595798 一.需求分析 1.核心用户分析在线聊天系统主要针对一些年轻用户群体以及 ...

基于VUE和JSPlumb的在线绘制流程图工具

基于VUE和JSPlumb的在线绘制流程图工具

介绍

效果演示

基于VUE和JSPlumb的在线绘制流程图工具相关推荐

最新文章

热门文章