Web Chart入门（5） 1. 实战draw2d 之总体介绍

Web Chart入门（5） 1. 实战draw2d 之总体介绍2013-06-30draw2d 是什么？

首先需要明确的是这里指的draw2d是个什么东东？

在搜索引擎中用draw2d这个关键字搜索会找到两个东西

一个是集成在eclipse（也可以单独使用）里面使用SWT开发的一套绘图的工具。也就是java 开发一个图形绘制的应用程序,可以用来绘制UML等。

另一个是Draw2D touch，使用JavaScript 和HTML Canvas 开发的可以在web 端使用的js 框架。

这里说的是第二种， web 端使用的。具体来说， draw2d是什么，直接来看官方的定义：

Draw2D touch是一个纯的javascript的应用程序框架，它兼容从IE6到最新版Chrome几乎所有目前流行的浏览器。

你可以使用它在浏览器端创建跨平台的图形应用程序。

以上是官方的定义，从技术角度来看简单的概括一下：

使用JQuery 和Raphael 实现的web 端图形绘制的Javascript 框架。图形最底层技术还是VML,SVG,HTML Canvas。

如何获取draw2d？

官方的地址： http://www.draw2d.org

使用例子和API查找可以到： http://draw2d.org/draw2d_touch/jsdoc/#！/example

比较遗憾的是这是一个收费的项目，官方网址上并没有提供下载的地址。

购买价格是499欧元，下载试用版的话需要 4欧元。

draw2d的优劣势是什么？

这里的优劣是只是与同类的framework 比较而言，像浏览器兼容这种都有的特性就不做多的讨论了。

优势（也就是有的特性）：

1. 提供所有基本的图形。

矩形，菱形，三角形，圆，椭圆，直线，曲线，箭头线，等

2. 对图形的操作很容易

提供了对图形的单击，双击，选中，拖拽的功能

提供了对两个图形的连线功能

3 提供基本的图形

饼图，走势图（SparkLine）

4. 提供了对图形操作动作的恢复，撤销功能。

优势（也就是没有的特性）：

1. 图形的右键单击菜单

2. 对图形在页面上的布局。（其本身提供的Layout 针对的一个复杂图形的组合layout）