使用DojoX GFX进行绘图

使用DojoX GFX进行绘图2011-01-21 IBM 任刚Dojo 工具包和 DojoX GFX

在在几乎所有的页面都需要具备友好有丰富的用户体验的 Web2.0 时代，Ajax 几乎已经成为了每个网络应用的标准配置。但是 Ajax 应用并非是一件容易的事情，他带来了很多之前的 Web 应用所不具有的管理方式和挑战，主要包括：

庞大的代码量需要引入更有效的代码组织方式，比如面向对象的方法

浏览器之间的不兼容限制了开发的效率，直接导致程序员的头发数量和浏览器的种类数目成反比

越来越丰富的功能带需要更加强大的类库支持

所以，选择一个好的 JavaScript 框架来作为起点对于是一件重要的事情。现在有很多类似的 JavaScript 框架能够帮助你减轻压力。关于主要的 JavaScript 框架的比较，John Resig同学写了一个很好的 JavaScript 框架的综述，可以看到，Dojo是很出色的一个。Dojo 是一个开源的 JavaScript 工具包，开始于 2004 年。是 Dojo Foundation所赞助的项目之一，得到了很多企业的支持。

Dojo 经过了若干次升级，当前（写稿时）最新的版本是 1.3.2，代码的基本组织结构如下：

图 1.Dojo 基本组织结构

其中，Dojo base 和 Core 是整个框架的基础。Dijit 是 Dojo 开发出来的一套方便使用的 Widget，DojoX 是指 Dojo eXtensions，既包括了成熟稳定的扩展，也作为一些新的主意的孵化器和一些新功能的试验平台。和 Dijit 不同的是，DojoX 中的组件并不保证支持国际化和良好可达性。

GFX 是一套跨平台的图形生成包，底层模型大致参照了 SVG，展现层同时支持 SVG 和 VML。GFX 可以帮助用户生成基于网页的矢量图，能够做到动态生成以及和用户发生交互。能够支持的图形包括矩形（Rectangle），圆弧（Circle），椭圆（Ellipse），多边形（polygon），线（Line），路径（polygon），图片（Image），文本（Text），文本路径（TextPath）。

如果下载 Dojo 源代码的话，可以在其中找到全部的演示和测试文件，可以发现使用 GFX 可以创建出来非常漂亮的图形和交互效果。比如这个虎头：

图 2.Dojo GFX 示例

用户可以再 Dojo 的网站上下载相关的源代码，来查看里面的演示和测试文件。