### 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](http://www.draw2d.org)
使用例子和API查找可以到 :?? [http://draw2d.org/draw2d_touch/jsdoc/#!/example](http://draw2d.org/draw2d_touch/jsdoc/#!/example)
比較遺憾的是這是一個收費的項目,官方網址上并沒有提供下載的地址。
購買價格是499歐元,下載試用版的話需要 4歐元。
###
### draw2d的優劣勢是什么?
這里的優劣是只是與同類的framework 比較而言,像瀏覽器兼容這種都有的特性就不做多的討論了。
優勢(也就是有的特性):
1.? 提供所有基本的圖形。
矩形,菱形,三角形,圓,橢圓,直線,曲線,箭頭線,等
2.? 對圖形的操作很容易
提供了對圖形的單擊,雙擊,選中,拖拽的功能
提供了對兩個圖形的連線功能
3 提供基本的圖形
餅圖,走勢圖(SparkLine)
4. 提供了對圖形操作動作的恢復,撤銷功能。
優勢(也就是沒有的特性):
1. 圖形的右鍵單擊菜單
2. 對圖形在頁面上的布局。(其本身提供的Layout 針對的一個復雜圖形的組合layout)
- 前言
- [Web Chart系列之一]Web端圖形繪制SVG,VML, HTML5 Canvas 技術比較
- [Web Chart系列之二] 各種實現js 圖表的library匯總與比較
- [Web Chart系列之三] 圖形布局-Layout
- [Web Chart系列之四] 圖形布局-Layout 之js設計實現
- [Web Chart系列之一(續)]Web端圖形繪制SVG,VML, HTML5 Canvas 簡單實例
- [Web Chart系列之五] 1. 實戰draw2d 之總體介紹
- [Web Chart系列之五] 2. 實戰draw2d 之Label 放大,縮小的問題(raphael的text類似問題)
- [Web Chart系列之五] 3. 實戰draw2d 之圖形填充色(純色 or 漸變)
- [Web Chart系列之五] 4. 實戰draw2d(Raphael)之取消Chrome中Label Text 全部選中
- [Web Chart系列之六] canvas Chart 導出圖文件
- [Web Chart系列之七] 物理動畫效果(如撕扯效果)
- [Web Chart系列之五] 5. 實戰draw2d之figure tooltip 實現
- Web圖形開發方案選型,SVG/VML/Flash/Applet優劣比較
- [Web Chart系列之五] 6. 實戰draw2d之ConnectionRouter