[Web Chart系列之五] 1. 實戰draw2d 之總體介紹

draw2d 是什嗎？

首先需要明確的是這裡指的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)