#GooFlow

这是一个用来在WEB网页端设计流程图的UI组件，在线流程设计器，基于Jquery开发。可用来设计各种流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手，技术开发人员和用户都可使用。 并且兼容主流浏览器(ie8--ie edge，chrome，firefox)。

##版权说明： 本组件可免费用于非商业软件项目中；如果要使用在以营利为目的软件开发项目中，请向作者购买商业使用授权，谢谢。
联系方式：
微信：18648945414
QQ： 115247126
支付宝： fool-egg@163.com
##特点

• 跨领域:流程图设计器不止用在电信领域,在其它需要IT进行技术支持的领域中都有重大作用.
• 以下从纯技术实现层面具体描述:  页面顶部栏、左边侧边栏均可自定义；
• 当左边的侧边栏设为不显示时，为只读状态，此时的视图区可当作是一个查看器而非编辑器。
• 当前最新版本已全部使用自定义的阿里巴巴矢量图标库，可不再需要一张用来显示图标样式的图片。
• 侧边工具栏除了基本和一些流程节点按钮外，还自定义新的节点按钮，自定义节点都可以有自有的图标、类型名称，定义后在使用可可在工作区内增加这些自定义节点。
• 顶部栏可显示流程图数据组的标题，也可提供一些常用操作按钮。
• 顶部栏的按钮，除了撤销、重做按钮外，其余按钮均可自定义点击事件。
• 可画直线、折线；折线还可以左右/上下移动其中段。
• 具有区域划分功能，能让用户更直观地了解哪些节点及其相互间的转换，是属于何种自定义区域内的。
• 具有标注功能，用橙红色标注某个结点或者转换线，一般用在展示流程进度时。
• 能直接双击结点、连线、分组区域中的文字进行编辑
• 在对结点、连线、分组区域的各种编辑操作，如新增/删除/修改名称/重设样式或大小/移动/标注时，均可捕捉到事件，并触发自定义事件，如果自定义事件执行的方法返回FALSE，则会阻止操作。
• 具有操作事务序列控制功能，在工作区内的各种有效操作都能记录到一个栈中，然后可以进行撤销（undo()）或重做（redo()），像典型的C/S软件一样。
• 能将流程图以png图片的格式导出并下载（纯JS实现，但不支持IE9及以下浏览器）

版本说明：

• 1.0: 初始正式版本，相对于以前的试用版，进一步修正了BUG，可自定义颜色项更多，并且做到了不再有一张图片（IE10以下的浏览器除外，还需要一小张绘图区方格背景图），所有图标均匀为矢量字体。
• 1.0.2: 修正了当某节点原来为marked，选中再取消后marked标红样式消失的问题。
• 1.1: 进一步修正了BUG；增加了导出工作区内流程图为图片并让用户下载的功能，目前仅能支持IE10以上、IE edge、Chrome、FireFox、Safari浏览器，该功能需求载入新的GooFlow.export.js扩展包，并依赖于plugin目录下的promise.min.js、html2canvas.min.js、canvg.js三个第三方插件。
• 1.2版，重大更新版本！ 增加了对节点、连线、泳道块的右键事件和双击事件方法设定（可return false以阻止浏览器默认事件发生）；增加虚线的绘制功能方法：应众多用户的要求增加了重要的流程图缩放功能接口！可缩放范围是从原始大小的50%至400%。（当前只提供方法接口，具体操作缩放的页面组件元素用户另行选择绑定第三方的）
• 1.2.1: 改善对IE8的支持；优化手动调整元素大小的精确度；增加对流程图打印预览或另存为PDF的功能，需要依赖printThis.js。
• 1.3: 修正一些影响用户体验和使用的BUG，增加灵活的对工作区所有操作按钮注释配置功能。