结合 GFX，DnD 与 Dijit 创建基于 Dojo 的 Web 图形类应用

核心提示： 图 1. IE 下 VML 图形的 DOM 结构图 2. Firefox 下 SVG 图形的 DOM 结构查看原图（大图）Web 绘图类应用的基本结构目前，常见的绘图类应用大致可以分为这样两类：一类是以画图板为代表的强调图形绘制的应用，结合 GFX，DnD 与 Dijit 创建基于 Dojo 的

图 1. IE 下 VML 图形的 DOM 结构


图 2. Firefox 下 SVG 图形的 DOM 结构

查看原图（大图）

Web 绘图类应用的基本结构

目前，常见的绘图类应用大致可以分为这样两类：一类是以画图板为代表的强调图形绘制的应用，另一类则是以流程图、UML 建模工具等为代表的图形互操作类应用。从实现的角度而言，此种绘图类应用均可视为由多个图形对象构成一个画面并基于此而涉及的对整个画面或其中各个图形对象一系列操作的 Web 应用。

Dojo 提供了足够的支持来实现此类应用，DojoX 提供的 GFX 图形工具包，具备对图形对象的生成和基本的二维操作能力，足以满足第一类应用的需求；而 Dojo 核心提供的 DnD 包，使得用户可以通过“拖放”操作完成图形对象的添加，在 GFX 的基础上增强了用户操作体验，为第二类应用所需要的图形选择和图形间连线等操作提供了技术支持；同时，为了实现应用的可扩展性，可以使用自定义的 dijit 来引入更多的功能特征，比如，如果每个图形具有可访问的 URL 属性，那么通过提供一个基于图形对象的工具栏 dijit，则可以实现打开此 URL 的功能，当然，工具栏 dijit 可以提供更多的功能以达到更好的扩展性。图 3 展现了结合 GFX，DnD 与 Dijit 完成 Web 绘图类应用的基本组织结构图。