标题 | 基于SVG技术的WEB化监控系统 |
范文 | 万诗新,张雪松 摘要:SVG是W3C推出的用于描述二维矢量图形基于XML的一种开放图形格式,本文对SVG的概念,基于SVG的WEB化监控系统技术及实现架构进行了详细剖析,提及的相关技术、设计理念在实际项目上均得到了很好的应用。 关键词:SVG WEB化矢量图形监控系统 监控系统软件是一套集数据采集、监测、控制于一体,通过丰富的流程画面、曲线、报警等手段对数据进行展现的软件包,其应用领域很广,它可以应用于电力系统、给水系统、石油、化工等领域的数据采集与监视控制以及过程控制等诸多领域。在Internet 技术飞速发展的今天,基于Web瘦客户机的B/S构架已成为监控系统信息发布的重要方式。当前主流通用监控系统软件均支持流程图画面WEB化发布功能,其中以ActiveX控件技术、Flash技术、Java技术为主。三项技术的本质比较类似,都是在客户端浏览器中,通过下载、安装或运行控件/插件的方式,来实现图形的再现以及静态、动态效果。其技术优点在于控件/插件以二进制方式在客户端浏览器中运行,效率较高,但缺点很明显,一是数据不开放,尤其是图形数据,基本无法重用;二是下载、安装由于浏览器的安全性,常常会出现兼容性的问题。 可缩放矢量图形(SVG)是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式,它由万维网联盟制定,是一个开放标准。它的出现为监控系统软件流程图WEB化实现提供了新的思路。 SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。其格式优点有: ①基于可扩展标记语言(外语缩写:XML)。SVG是完全基于可扩展标记语言,并能和由W3C开发的DOM1,DOM2,CSS,XML,XPointer,XSLT,XSL,SMIL,HTML,XHTML等各项技术相融会的新一代的网络图像格式,继承了XML的跨平台性和可扩展性,从而在图形可重用性上迈出了一大步。 ②采用文本来描述对象。SVG包括3种类型的对象:矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换,并且修改其样式,也能够定义成预处理对象。 ③具有交互性和动态性。SVG是基于XML的,它提供无可匹敌的动态交互性。你可以在SVG文件中嵌入动画元素(如运动路径、渐现或渐隐效果、生长的物体、收缩、快速旋转、改变颜色等),或通过脚本定义来达到高亮显示、声音、动画等效果。 ④完全支持DOM。由于SVG完全支持DOM,因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动,例如鼠标动作,实现自身或对其他物件、图像的控制等。 SVG是一个XML文件,用于XML编程的两种模型DOM和SAX也适用于它。因为SVG是被设计用于互联网,所以通过Javascript和DOM访问它就是最重要的应用模式。通过Javascript和DOM可以动态地修改HTML,同样也可以在浏览器中动态地创建、修改和删除图片。 以下面SVG文件为例。SVG文件必须使用.svg后缀来保存: 各行含义描述: 行1:标准XML头,标识XML版本,每个XML文件(SVG文件属于XML)都必须有此XML头。 行2,3: |
随便看 |
|
科学优质学术资源、百科知识分享平台,免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。