(hightopo)学习笔记(1)
来源:互联网 发布:java读取公钥pem文件 编辑:程序博客网 时间:2024/05/17 01:15
jtopo是一个简单的at hand的js topo画图工具,特别适合用来在网页中嵌入拓扑图.
但是如果是作为单独的topo管理工具,就有些太单薄的.
相比之下,hightopo就强大多了. 放大缩小鸟瞰编辑导出,图表联动都已经ready了
先看看简单的node示例.
注意节点实现了吸附功能
var air11 = new ht.Node();air11.setName('11-inch MacBook Air');air11.setImage('mac');air11.setSize(80, 43);air11.setPosition(100, 70); dataModel.add(air11);var air13 = new ht.Node();air13.setName('13-inch MacBook Air'); air13.setImage('mac');air13.setPosition(260, 70);air13.setRotation(Math.PI/2);dataModel.add(air13);air11.setHost(air13);
hightopo里面的连线称为edge.
var source = new ht.Node();source.setName('Source Node');source.setPosition(100, 70); dataModel.add(source);var target = new ht.Node();target.setName('Target Node'); target.setPosition(260, 70);dataModel.add(target);var edge1 = new ht.Edge();edge1.setSource(source);edge1.setTarget(target);dataModel.add(edge1);var edge2 = new ht.Edge(source, target);dataModel.add(edge2);var edge3 = new ht.Edge(source, source);dataModel.add(edge3);
基本语法和jtopo相比大同小异.
jtopo是针对scene的,而hightopo是针对datamodel的.
这一点可以看出二者设计定位的不同.
0 0
- (hightopo)学习笔记(1)
- [笔记]JavaScript学习笔记(1)
- 算法笔记 ---- 学习笔记 1
- c++学习笔记学习笔记1
- 机器学习-学习笔记1
- 学习笔记:git学习1
- 机器学习学习笔记1
- VC++学习笔记1
- c#学习笔记(1)
- OPENGL学习笔记1
- FCS学习笔记1
- WTL学习笔记(1)
- oracle8i学习笔记(1)
- UML学习笔记1
- JAVAGUIDE(学习笔记1)
- UML学习笔记(1)
- applet学习笔记1
- Expect学习笔记(1)
- ASA5520远程配置 telnet,ssh
- 今天开始写博客了,好的开始!
- HTML中的特殊符号
- LeetCode:Longest Substring Without Repeating Characters
- 新浪微博单点授权(SSO)
- (hightopo)学习笔记(1)
- Android开发之dp
- JfreeChart 中文API
- 判断是否在windows方法中
- 查找 -数据结构
- php解析XML
- 计算PI=4*(1-1/3+1/5-1/7+1/9-1/11+1/13-........)
- MFC 创建柱形图
- RTP打包发送H264(上)