[发明专利]基于可缩放矢量图的流程图图元样式设计器及其设计方法

说明书

本发明公开了基于可缩放矢量图的流程图图元样式设计器及其设计方法，该设计器包括：可缩放矢量图生成器组件，用于执行：根据默认样式生成四种类型的流程图图元的可缩放矢量图，以供用户在此基础上进行流程图图元样式定制；可缩放矢量图编辑器组件，用于执行：在可缩放矢量图生成器组件生成的默认样式流程图图元基础上，对其对应的可缩放矢量图各标签的属性进行修改；流程图样式模板生成组件，用于执行：生成可供流程设计器使用的流程样式模板文件。本发明基于可缩放矢量图绘制技术提供流程图图元样式定制功能，使流程设计器与宿主系统样式一致，风格统一。

技术领域

本发明涉及一种基于可缩放矢量图的流程图图元样式设计器及其设计方法，属于计算机业务流程管理技术领域。

背景技术

流程是一组活动按照一定顺序组成的序列流，优秀的业务流程体系能够提高企业的竞争优势，为其创造巨大的价值。BPM的诞生为企业构建优秀的业务流程体系提供了思想指导与技术支持。为了使业务历程能够正常运转，业务流程体系中需要有能够良好运转流程的流程引擎。

常用的开源流程引擎有jBPM、Activiti和Flowable等。这些流程引擎都能使遵循BPMN2.0规范的流程正常运转，因此开发人员通常需要将业务流程编写成符合规范的XML文件以供流程引擎运转。人工编写XML形式的流程定义文件不仅费时费力，且流程无法直观展示。为此，不少流程引擎提供了在线可视化流程编辑器。使用可视化工具大大提高了编写流程定义文件的难度，同时使流程定义更加直观，方便对流程进行校验与管理。但是，现有的开源流程引擎提供的可视化流程编辑器中，流程图元样式固定、风格单一，不能满足不同业务、不同场景对可视化界面风格统一的要求。

发明内容

本发明所要解决的技术问题是克服现有技术的缺陷，提供一种基于可缩放矢量图的流程图图元样式设计器及其设计方法，基于可缩放矢量图绘制技术提供流程图图元样式定制功能，使流程设计器与宿主系统样式一致，风格统一。

为解决上述技术问题，本发明提供基于可缩放矢量图的流程图图元样式设计器，包括：

可缩放矢量图生成器组件，用于执行：根据默认样式生成四种类型的流程图图元的可缩放矢量图，以供用户在此基础上进行流程图图元样式定制；

可缩放矢量图编辑器组件，用于执行：在可缩放矢量图生成器组件生成的默认样式流程图图元基础上，对其对应的可缩放矢量图各标签的属性进行修改；

流程图样式模板生成组件，用于执行：生成可供流程设计器使用的流程样式模板文件。

作为一种较佳的实施例，所述四种类型的流程图图元包括：活动图元、事件图元、网关图元、迁移线图元，所述活动图元包括人工活动图元、自动活动图元和子流程图元；所述事件图元包括开始事件图元、结束事件图元和终止事件图元；所述网关图元包括单一网关图元、并行网关图元和多路网关图元。

作为一种较佳的实施例，所述活动图元的可编辑的样式包括：

矩形边框的粗细和颜色，分别对应SVG文件中“rect”标签的“stroke-width”和“stroke”属性；

矩形的宽度、高度、填充颜色和圆角半径，分别对应SVG文件中“rect”标签的“width”、“height”、“fill”和“rx”、“ry”属性；

文字的大小和位置，文字大小对应“text”标签的“font-size”属性，文字位置则通过改变文本框坐标来实现；

标志的大小、位置、填充颜色，标志大小通过设置图片缩放属性来控制，标志位置通过修改“translate”属性实现，填充颜色通过修改绘制标志的“path”标签的“fill”属性实现。

作为一种较佳的实施例，所述事件图元的可编辑的样式包括：