[发明专利]一种基于SVG的表示工业监测图形的方法

说明书

技术领域

本发明涉及计算机工业应用领域，特别是一种基于SVG的表示工业监测图形的方法。

背景技术

SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML)，用于描述二维矢量图形的一种图形格式，该图形格式有以下优点：1.可以任意缩放而不丢失精度；2.采用文本来描述对象，人可读出图像的内容，并且图像被破坏后也可以修复；3.可以和其它基于XML的技术组合(如html、xsl)；4.图形支持动画。由于这些特点，SVG被使用在计算机图形的各个方面，如网页动画、流程图、演示文档等。

SVG作为国际矢量图形的标准，可以绘制出静态的工业监测图形，但SVG没有提供与外界数据的接口，要实现按照实时数据的变化而变化的动画，目前是用SVG支持的脚本进行逐个编写，使用脚本来实现本发明所达到的效果，会出现代码复杂、不易维护、接口不良好，占用资源多、运行速度慢等问题，如果图形过大，就很可能无法运行。

在工控图形方面，除了要展示静态的系统结构图(这里的静态图指的是系统的模型，电网的接线图、计算机网络的拓扑图等)外，还要展示因实时数据变化而产生的文字变化、颜色变化、动画等动态图形(如电网接线图中某条线路电压越限，闪烁该条线路；显示计算机网络中某台计算机的实时数据流量等)。使用SVG实现上述效果，要做到两点：1、用SVG表示工控图中的静态结构图，这方面用SVG可以轻易使现；2、实现图形随实时数据的变化而变化；SVG的元素和属性都没有此功能，但是在SVG中引入脚本(<script>)，使用类似编程的方法，可以用脚本程序去读取实时数据，然后分析数据与图形变化之间的条件关系，再按照分析结果去控制某一图形元素的属性变化或动画。

上述方法有许多缺点：1.绘制图形工作量大且复杂，绘图人员要编写大量的脚本代码，手动编写代码效率低且容易出错；2.生成的SVG代码量偏大，用SVG表示一个图元只需一行代码即可，但是表示这个图元变化的脚本代码很可能有几十行甚至上百行。3.显示图形时解析速度慢，过多的脚本代码会导致SVG图形显示太慢，并且在显示实时图形时，很多脚本去读取实时数据会占用大用资源，延迟时间长，无法满足快速显示实时数据的需求。

发明内容

本发明目的在于提供一种基于SVG的表示工业监测图形的方法，可实现图形或动画随工业监测实时数据的变化而变化，且占用资源少、运行速度快。

为了实现上述目的，本发明采用如下技术方案：一种基于SVG的表示工业监测图形的方法，在SVG文档中添加循环控制模块、实时数据模块、条件验证模块；循环控制模块用于控制条件验证和图形刷新的速度；实时数据模块提供与实时数据层进行数据交换的接口；条件验证模块用于对实时数据进行逻辑运算，把验证结果交给图形和动画显示；

该方法包括以下步骤：a.加载SVG基本图形和动画；b.通过实时数据模块，加载外部实时数据，并向SVG动画的条件赋值；c.通过条件验证模块来执行SVG动画的条件逻辑，使SVG动画按条件执行；d.通过循环控制模块来实现步骤b、c的循环.

所述的循环控制模块在SVG文档内部，被控制的SVG元素放在循环控制模块的标记之内。

所述的条件验证模块在SVG文档内部，它存储显示动画的条件。

所述的条件验证模块的判断语句独立于SVG文档外存在，它存储显示动画的条件。

所述的实时数据模块中，标记实时数据的变量名包含在条件验证模块中，当把SVG文档加载到内存中时，实时数据与SVG的DOM树共同存在于内存中。

所述的实时数据模块获取实时数据的方法可以是主动去数据源取得数据。

所述的实时数据模块获取实时数据的方法可以是外部数据源程序直接向实时数据的内存写入数据。

所述的条件验证模块被SVG图形和动画以属性或子元素的方式引用，条件验证模块运算的结果只有“是”和“否”两种结果。

本发明将SVG引入到工业的自动化控制和监测图形方面，可实现图形或动画随工业监测实时数据的变化而变化，且占用资源少、运行速度快，通过性强，扩展性强，方式简洁，使用方便。

附图说明

图1为表示由加载基本图形到获取实时数据并显示动画的解析过程的流程图；

图2为示例1的动画的解析流程图。

具体实施方式