jTopo入门

 

 

前言

 

jTopo是一个优秀的Topo展示工具。虽然以j开头，但jTopo事实上不需要依赖于jQuery，则是因为旧的版本依赖于jQuery。

 

一、入门

 

jTopo 包括了JTopo.Stage, JTopo.Scene,JTopo.Node和JTopo.Link。

 

其中Stage是舞台，Scene是场景，Node是结点，Link的链路。

 

舞台默认显示第一个场景，用户可以用程序来切换场景。

 

一个最简单的例子，这里只显示两个结点和一条链路

 

$(function(){
	
	var canvas = document.getElementById('canvas');			
	var stage = new JTopo.Stage(canvas);
	
	var scene = new JTopo.Scene(stage);
	var nodeA = new JTopo.Node("nodeA");
	nodeA.setLocation(3,3);
	var nodeZ = new JTopo.Node("nodeZ");
	nodeA.setLocation(200,200);
	scene.add(nodeA);
	scene.add(nodeZ);
	var link1 = new JTopo.Link(nodeA,nodeZ);
	var link2 = new JTopo.Link(nodeA,nodeZ);
	scene.add(link1);
	scene.add(link2);
	
});