SVG矢量图形编辑器的设计与实现.pdfVIP

SVG矢量图形编辑器的 森干孙静 (新疆医科大学医学工程技术学院，新疆 [摘要】本课题将基于svG这一新的矢量图形标准，实现一种能够 对象进行平移、修改、缩放、删除等操作，井提供了图层工具，对于按照不同 笔者尝试进行了w曲GIs方面的应用开发，使本系统能够满足小型地理信 [关键宇]网络矢量图形；xML；SvG；DoM；解析 2．1 1．引言 在本系统中，数据解析模块主要完成svG图形文件的 Vector sVG(scalableGraphics)是由w3c制定的基于 存储和读取。由于svG文件是基于文本格式的，所以必须对 Ⅺn的可扩展二维矢量图形格式．其基于xl也的语法和结构 它进行解析，生成具体的对象存储在数据管理模块中；当文 使得它具有先天的优势，与当前已有的和未来将有的其他 件修改完毕后，再以svG格式保存。数据管理模块主要用来 )叫。应用之间存在着天然的交融，因此正被逐渐用于％b上 管理整个被编辑图形的数据，该模块定义了一些数据结构， 的图形数据开放式发布，具有广泛的应用前景㈣】。本课题在 如图形链表、选择链表、图层链表等，并在此基础上提供大量 深入钻研svG矢量图形规范以及与svG操作相关技术的基 的方法加以维护。 础上，实现了一个基于sv6矢量图形标准、且基于web的 2，2 sv6文件编辑 sVG文件可视化人机交互绘制和编辑工具，通过所见即所得 编辑系统功能模块主要由图形绘制模块、图形编辑模 的方法，简单快捷地生成所需的矢量图形。 块、图层操作模块、工具管理模块组成，是整个系统的核心模 2．矢量图形编辑系统结构 块。首先，它完成基本图形对象和图元对象的编辑工作，如图 形对象的选择、移动、缩放、旋转、删除、组合等，还包括设置 矢量图形编辑系统采用面向对象的构建方法．首先，将 图元的应用属性数据。其次，还要保证数据管理模块和数据 各种基本图元视为一个对象，如直线、折线、圆，圆弧、椭圆、 Bc五盯曲线、文本等；然后，可将所需的一些基本图形对象进 解析模块的数据交换，它既能调用数据解析模块打开svG 行组合定义为图元对象．并将各种图元进行分类组织，形成 文件，生成相应的图形对象，把其加入到数据管理模块的图 图元库。在绘制图形时，可以将图元库的各种图元和基本图 形链表中．也可以将数据管理模块的图形链表中的图形对象 形进行组合，从而提高生成图形的效率和可重用性。图形绘 解析为相应的标签，生成svO文件，从而协调两个模块的工 作。 制完成后．可以设置图形中图元的各类几何与非几何属性。 矢量图形编辑系统基于svG文件格式，因此，生成的 2．3系统数据模型 SVG图形文件经过svGvieH啊解析后可以在浏览器中发 2．3．1 图形对象的类结构 布。应用程序或脚本利用)0皿，的DOM接口，可以对svG矢量图形编辑系统对图形类的基本要求有：(1)一个图 文件的内容进行存取与编辑，并可通过编辑svG元素的属 形类必须能够完全描述一个基本图形元素，即包含有描述这 种图形的所有属性参数；(2)能够接受用户对图形的编辑消 性信息t实时地修改svG图象中图元的几何属性或非几何 属性。本系统的体系结构如图I所示。 息，能够实现所有对图形的编辑功能，如对自身属性的修改