Gooflow1.3 前端流程设计插件（拖拽生成流程）

#GooFlow > 这是一个用来在WEB网页端设计流程图的UI组件，在线流程设计器，基于Jquery开发。可用来设计各种流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手，技术开发人员和用户都可使用。 并且兼容主流浏览器(ie8--ie edge，chrome，firefox)。 ##版权说明： 本组件可免费用于非商业软件项目中；如果要使用在以营利为目的软件开发项目中，请向作者购买商业使用授权，谢谢。<br> 联系方式：<br> 微信：18648945414<br> QQ： 115247126<br> 支付宝： fool-egg@163.com <br> ##特点 * 跨领域:流程图设计器不止用在电信领域,在其它需要IT进行技术支持的领域中都有重大作用. * 以下从纯技术实现层面具体描述:  页面顶部栏、左边侧边栏均可自定义； * 当左边的侧边栏设为不显示时，为只读状态，此时的视图区可当作是一个查看器而非编辑器。 * 当前最新版本已全部使用自定义的阿里巴巴矢量图标库，可不再需要一张用来显示图标样式的图片。 * 侧边工具栏除了基本和一些流程节点按钮外，还自定义新的节点按钮，自定义节点都可以有自有的图标、类型名称，定义后在使用可可在工作区内增加这些自定义节点。 * 顶部栏可显示流程图数据组的标题，也可提供一些常用操作按钮。 * 顶部栏的按钮，除了撤销、重做按钮外，其余按钮均可自定义点击事件。 * 可画直线、折线；折线还可以左右/上下移动其中段。 * 具有区域划分功能，能让用户更直观地了解哪些节点及其相互间的转换，是属于何种自定义区域内的。 * 具有标注功能，用橙红色标注某个结点或者转换线，一般用在展示流程进度时。 * 能直接双击结点、连线、分组区域中的文字进行编辑 * 在对结点、连线、分组区域的各种编辑操作，如新增/删除/修改名称/重设样式或大小/移动/标注时，均可捕捉到事件，并触发自定义事件，如果自定义事件执行的方法返回FALSE，则会阻止操作。 * 具有操作事务序列控制功能，在工作区内的各种有效操作都能记录到一个栈中，然后可以进行撤销（undo()）或重做（redo()），像典型的C/S软件一样。 * 能将流程图以png图片的格式导出并下载（纯JS实现，但不支持IE9及以下浏览器）  <br> **版本说明：** - **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，增加灵活的对工作区所有操作按钮注释配置功能。 <br>