[Web Chart系列之五] 1. 实战draw2d 之总体介绍
2013-03-13 10:08
253 查看
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)
相关文章推荐
- [Web Chart系列之五] 1. 实战draw2d 之总体介绍
- [Web Chart系列之五] 4. 实战draw2d(Raphael)之取消Chrome中Label Text 全部选中
- [Web Chart系列之五] 4. 实战draw2d(Raphael)之取消Chrome中Label Text 全部选中
- [Web Chart系列之五] 6. 实战draw2d之ConnectionRouter
- [Web Chart系列之五] 6. 实战draw2d之ConnectionRouter
- [Web Chart系列之五] 6. 实战draw2d之ConnectionRouter
- [Web Chart系列之五] 5. 实战draw2d之figure tooltip 实现
- [Web Chart系列之五] 5. 实战draw2d之figure tooltip 实现
- [Web Chart系列之五] 2. 实战draw2d 之Label 放大,缩小的问题(raphael的text类似问题)
- [Web Chart系列之五] 2. 实战draw2d 之Label 放大,缩小的问题(raphael的text类似问题)
- [Web Chart系列之五] 3. 实战draw2d 之图形填充色(纯色 or 渐变)
- [Web Chart系列之五] 3. 实战draw2d 之图形填充色(纯色 or 渐变)
- ETL利器Kettle实战应用解析系列一【Kettle使用介绍】
- Spark入门实战系列--10.分布式内存文件系统Tachyon介绍及安装部署
- ETL利器Kettle实战应用解析系列一【Kettle使用介绍】
- [Map 3D开发实战系列] Map Resource Explorer 背景介绍--Kick off
- Spark入门实战系列--9.Spark图计算GraphX介绍及实例
- ABP(现代ASP.NET样板开发框架)系列之1、ABP总体介绍
- unity3D游戏开发实战原创视频讲座系列2之2D坦克大战开发过程
- Spark入门实战系列--10.分布式内存文件系统Tachyon介绍及安装部署