[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)
[Web Chart系列之五] 1. 实战draw2d 之总体介绍相关推荐
- [Web Chart系列之五] 5. 实战draw2d之figure tooltip 实现
写在前面 申明一下,关于系列五的前4篇的介绍都是基于 draw2d 的版本version 2.3.0 上的开发. 截至目前(2013/05), draw2d的最新版本已经是version 2.6.1 ...
- [Web Chart系列之五] 4. 实战draw2d(Raphael)之取消Chrome中Label Text 全部选中
情况描述 这里使用的是Rectangle , 里面加入一个Label 或多个Label 的组合图形. 在Chrome里拖拽图形的时候,偶尔会把所有Rectangle包含的Label 全部以深蓝色底色. ...
- [Web Chart系列之五] 6. 实战draw2d之ConnectionRouter
前言 ConnectionRouter 的作用是定义连线的展示样式. 是直线连接还是曲线连接(好像也是基于Bezier曲线) 位于包: draw2d.layout.connection 下. 常见的有 ...
- [Web Chart系列之五] 3. 实战draw2d 之图形填充色(纯色 or 渐变)
颜色渐变 draw2d 目前没有提供直接对Figure 设置渐变效果的API. 但是raphael 有提供, 这样的话基本上在draw2d实现渐变成为可能. 颜色渐变功能来源 raphael 提供的图 ...
- [Web Chart系列之五] 2. 实战draw2d 之Label 放大,缩小的问题(raphael的text类似问题)
问题描述 在draw2d中使用Canvas 的setZoom function来扩大,缩小画布进而放大,缩小画布上的图形大小.(Zoom in/Zoom Out功能). 图形类型Circle, Rec ...
- [Web Chart系列之五] 图形布局-Circle Layout 之实现
前言 关于Circle Layout 的基本介绍, 可以参考: [Web Chart系列之三] 图形布局-Layout 布局的现实使用状况 这里使用这种布局来布局特定对象的关联. 这里的这些对象类似于 ...
- [Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例
前言 本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较 的补充和实例说明各种技术的使用方式. VML 的用法和实例 引入命名空间之后,就可以 ...
- [Web Chart系列之三] 图形布局-Layout
前言 从上一篇: [Web Chart系列之二] 各种实现js 图表的library汇总与比较 的介绍, 目前提供提供绘制矢量图的library 还是很多的. 如果只是需要绘制一些柱状图, 饼图, ...
- go语言web开发系列之五:gin用zap+file-rotatelogs实现日志记录及按日期切分日志
一,安装需要用到的库: 1,安装zap日志库: liuhongdi@ku:/data/liuhongdi/zaplog$ go get -u go.uber.org/zap 2,安装go-file-r ...
最新文章
- JScrollPane 双滚动条
- java链式编程_Java 链式编程 和 lombok 实现链式编程
- ImageView和onTouchListener实现,点击查看图片细节
- OpenJudge NOI 1.7 34:回文子串
- 漫步数理统计二十九——函数期望
- Python数据分析扩展库pandas的DataFrame排序方法小结
- 路长全讲座免费在线学习 免费下载
- chrome浏览器历史版本
- BPM波导matlab,用Matlab画平板波导色散图详解.doc
- 2022年最佳的9种逆向工程工具[持续更新]
- 抖音初始权重快速提升3大攻略,新人必看丨国仁网络资讯
- 曾经光辉岁月 永远海阔天空
- 基于微信小程序的房屋租赁小程序设计与实现-计算机毕业设计源码+LW文档
- 智慧公厕解决方案 智能厕所系统方案
- Nginx的启动、停止与重启
- SRS十周年杭州站沙龙技术备忘录
- python的opencv库使用gpu加速_Python跳一跳:使用Cython加速opencv像素级访问
- excel中使用Vlookup和数据透视表
- [小代码]通过IP和端口连接到远程摄像机
- 苹果还未发布,华强北厂商已做出成品
热门文章
- HDU 3861 The King’s Problem 强连通分量 最小路径覆盖
- python数据类型--数字、字符串
- Men and women can't be 'just friends
- .net web 点击链接在页面指定位置显示DIV的问题
- 深入探究VC —— 编译器cl.exe(2)【转】http://blog.csdn.net/wangningyu/article/details/4837419...
- WinCE的网络驱动实现原理
- (九)ubuntu解决resolv.conf被重写问题
- 计算机顶会论文写作科研利器
- PyTorch 深度学习:36分钟快速入门——GAN
- 聊一聊 “超 大 模 型”