[发明专利]创建几何符号的HTML/CSS表示

说明书

技术领域

本发明涉及用于创建几何符号的HTML/CSS表示的方法和系统。

背景技术

几乎所有现代企业都使用软件工具来定义他们的内部和外部流程。这样的流程例如可能涉及组装汽车所需的各种步骤，而且还可能涉及企业的其它任务，例如监控销售。为了能够定义、监控和评估某一流程或者甚至是整个企业的工作成就，普遍使用一种称为业务流程管理(BPM)工具的软件。这种BPM工具的一个示例是可从申请人获得的软件ARIS。

但是，在实施和使用这样的流程之前，必须对其进行定义。为了简化其定义，通常例如使用如图1的截屏图所示的流程图以图形形式来显示要开发的流程的各个步骤。这样的流程图可以各种方式来创建，例如以手动方式或者通过使用专业的绘图程序在计算机上绘制。但是，这种方法是相当复杂和生硬的。创建这种流程图的一种更便利的选择是使用web浏览器，例如通过构建相应的HTML文件。

存在若干种采用web浏览器来创建流程图的方式，下面对其进行简要概述：

第一种选择是使用诸如Adobe Flash之类的第三方插件。然而，这种插件通常要求大量计算能力，并且可能不是在所有平台上都是可用的。

另一种选择是使用基于位图的图形，其中，位图表示基于如同PNG或JPEG这样的web图形格式的符号。在诸如Signavio或BPMN社区这样的产品中使用了这种技术。然而，基于位图的格式不能在不损失质量的情况下进行缩放。这在图2中被示出：符号200和210是以原始尺寸显示的基于位图图形的符号。符号220和230示出了相同但是被放大了2倍的符号。可见，放大造成了可视的伪像(artifact)，因而造成了质量降低。

另一种方法被称为9片缩放图形。例如IBM Blueworks Live使用了这种技术。这种方法背后的思想是将每一个图形或符号分割成9片，即，分割成不同图形，以使得可以独立地对整个图形的各个区域进行缩放。如图3所示，无论是否要水平地或者垂直地对图形300进行伸展，都绝不会对区域1、3、7和9进行缩放。如果水平地对图形300进行缩放，则仅仅区域2和8将被伸展。如果垂直地对图形300进行缩放，则区域4和6将被伸展。区域5将总是被伸展。这种方法具有如下优点：可在不损失质量的情况下对中心具有单素色区域的图形进行缩放。然而，这种方法并不是对任意形状都起作用。

另一种公知的方法是使用基于向量的图形，其中，图形被以如同SVG或VML这样的受web浏览器支持的格式进行格式化。这是Signavio的BPM工具使用的另一种技术。基于向量的图形可在不降低质量的情况下被无限缩放。然而，如同SVG和VML这样的向量格式需要大量存储空间和大处理能力以表现巨大且复杂的SVG和VML结构。

另一种选择是使用HTML5 Canvas API(应用编程接口)来在web浏览器中绘制符号。例如Lucidchart或WebSphere Business Compass使用了这种技术。如图4所示，HTML5 Canvas API允许在web浏览器中将任何类型的符号420绘制到画布(canvas)410上。现在大多数常见的web浏览器都已经支持HTML5 Canvas API的GPU(图形处理器单元)加速，但是计算符号几何和绘制符号的性能仍然不令人满意。

更新近的一种方法是使用HTML5和CSS3(层叠样式表)，这也是IBM Blueworks Live使用的一种技术。根据这种方法，符号由利用CSS进行式样设计的各种嵌套HTML元素来表示。这种技术可与上述其他方法中的任一者(特别是9片缩放图形)相结合。大多数常见的web浏览器都支持GPU加速的CSS表现，这与其他解决方案相比导致了将符号表示为利用CSS进行式样设计的HTML片段的可接受性能。然而，对于人类而言，基于HTML片段来创建复杂符号并利用CSS来进行式样设计是相当困难的。另外，一些常见的web浏览器无法支持完整的CSS标准，从而获得相同或相似的结果需要不同的CSS标记(notation)。

因此，本发明隐含的技术问题是提供一种解决方案，其减少对这种图形进行编程所需的努力(尤其是鉴于不同的web浏览器)并使得这种代码更加可靠和稳定。

发明内容

在一个实施例中，这个问题通过一种用于创建几何符号的HTML/CSS表示的方法来得以解决，其中，该方法包括：

a.处理来自文件的符号定义；

b.针对所述符号定义中包括的每一个几何形状，创建特定于web浏览器的形状CSS类；以及