基于SVG的图形交互技术研究.pdfVIP

第 卷 第 期 软 件 导 刊 7 8 Vol.7No.8 年 月 2008 8 SoftwareGuide Aug.2008 基于SVG的图形交互技术研究 1 2 张咏梅,董丽娟 (西华师范大学 网络中心,四川 南充 ;中州大学 网络教研室,河南 郑州 ) 1. 6370022. 450005 摘 要:分析了SVG的特点以及当前Web图形处理技术的不足,为了更有效地组织空间数据和提高网络环境下图形 交互功能,结合SVG的结构特点设计了图元数据库,提出了基于SVG的网络图形编辑系统模型。解决了图形编辑交 互、 图形数据的网络传输等问题,有效减少了交互时网络数据的传输。 SVG 关键词: ;图形交互;图元 SVG 中图分类号: 文献标识码: 文章编号: ( ) TP391.41 A 1672-7800200808-0113-02 动态的统一。 1 图形交互技术的发展现状及趋势 2 图形交互技术的实现 图片和交互在以前是两个分开的概念。例如在一个网页 中,按钮仅仅是一个图像,按钮的交互部分是由网页中的Script 2.1 图形交互模型设计 语句来实现。以往的交互技术多是在HTML页面中嵌入一个JSP 基于SVG技术的图形交互模型可以采用三层结构,分别为: 页面,负责读取数据的工作,通过页面刷新来实现数据的定时 表现层、逻辑层和数据层。在表现层,通过浏览器查看页面。 读取。每当 读出数据后,根据数据变化情况输出相应的 页面包括两个部分:一是嵌入的 页面;二是 JSP Java HTML SVG Java 语句到隐藏页面中,最后利用 来改变元素的显 Script脚本程序。在逻辑层为 服务,主要处理逻辑业务。最 Script JavaScript Web 示属性。该方法是通过在服务端输出 语句到客户端 后是数据层,它主要提供实时数据。如图 所示。 JavaScript 1 来实现的,这样使得服务器端与客户端不具有松散耦合性,同 时服务器端的实时数据不具有重用性。 SVG的使用突破了以往图形交互的不足,它支持SMIL ( ),使得在图片内 SynchronizedMultimediaIntegrationLanguage 进行交互成为可能,这是以往的图像所不能做到的。可以说, SVG的 “矢量描述”并不是一个全新的概念,但它综合了矢量图 形、点阵图像和纯文字的优点,以一种标准将其统一起来描述, 这较之于目前网络上流行的压缩式点阵图像有着无与伦比的 优势。况且,文字与图形并非封装于SVG内,而是可以借助DOM 图 图形交互模型 1 和 等手段与外