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