jTopo学习记录

jTopo（Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。

一、完全基于HTML5 Canvas开发，始终站在开发者的角度设计，API平易近人、几乎简单到了极致。
二、不依赖任何其他库、执行仅需一个Canvas，不污染你的页面、Dom结构和代码命名空间。
三、功能异常强大、灵活，可扩展性极强（为扩展而生），包装一下，就是一款很专业的图形化软件。
四、体积小，压缩后仅几十KB。
五、性能十分优异，可流畅地展示大量数据(经过专业优化过甚至可以展示几十万、百万级别的数据)
六、免费
不足：目前文档不够详细，主要通过Demo来熟悉。

下面是开发时代码部分解释：

 //创建JTOP舞台屏幕对象
    var canvas = document.getElementById('drawCanvas');
    canvas.width = $("#contextBody").width();
    canvas.height = $("#contextBody").height();
    this.stage = JTopo.createStageFromJson(stageJson, canvas);    //stageJson 存储的是拓扑的json数据
    this.scene = this.stage.childs[0];		
    //背景由样式指定
	this.scene.background = backImg; 			//backimg 传递过来的背景的图片路径
	//用来连线的两个节点
	this.tempNodeA = new JTopo.Node('tempA');
	this.tempNodeA.setSi