jTopo帮助说明网站
http://www.jtopo.com/index.html
<强>使用例子:
http://www.jtopo.com/demo/helloworld.html
不建议直接安装github上的代码,因为代码版本不是最新,有部分功能未实现。
下载最新的js类库文件放到,vue 项目public ,文件夹下。
,引入,导入“/jtopo/jtopo-0.4.8-min.js”;
& lt; template>
& lt; div>
& lt; PanelBase title=巴仄送肌痹?
& lt; div槽=癶ead-btns”class=皃anel-head-btns”祝辞& lt;/div>
& lt; div槽=爸魈迥谌荨北?
& lt;部分类=啊崩改俊北?
& lt;帆布宽度=" 2000 "高度=" 600 " id=盎肌弊４? lt;/canvas>
& lt;/section>
& lt;/div>
& lt;/PanelBase>
& lt;/div>
& lt;/template>
让帆布=. getelementbyid(“画布”);
那阶段=new JTopo.Stage(画布);
那现?new JTopo.Scene (that.stage);
that.scene。背景="/jtopo aa.png”;
让s1=＝诘?" a1 ", 305年,43岁的“server.png”);
s1。报警=? W”;
让s2=＝诘?“a2”, 365年,43岁的“server.png”);
让s3=＝诘?“a3 ", 425年,43岁的“server.png”);
让g1=＝诘?“a4 ", 366年,125年,“gather.png”);
那linkNode (s1, g1,真实);
那linkNode (s2, g1,真实);
那linkNode (s3, g1,真实);
让w1=＝诘?“a5 ", 324年,167年,“wanjet.png”);
那linkNode (g1 (w1);
让c1=＝诘?“a6 ", 364年,214年,“center.png”);
那linkNode (w1、c1);
让云=＝诘?“a7 ", 344年,259年,“cloud.png”);
那linkNode (c1,云);
让c2=＝诘?“a8 ", 364年,328年,“center.png”);
那linkNode(云c2);
让w2=＝诘?“a9 ", 324年,377年,“wanjet.png”);
那linkNode (c2 w2);
nodeZ linkNode (nodeA:数量:数量,f:布尔){/* *连线*/让链接;
如果(f) {=new JTopo链接。FoldLink (nodeA nodeZ);
其他}{=new JTopo链接。链接(nodeA nodeZ);
}
链接。方向=按怪薄?
this.scene.add(链接);
返回链接;
}，
hostLink (nodeA:任何nodeZ:任何名称:字符串){
让新JTopo link1=lexionalLink (nodeA、nodeZ、名称);//var=new JTopo链接。FlexionalLink (nodeA、nodeZ、文本);//var=new JTopo链接。FlexionalLink (nodeA、nodeZ、文本);//二次折线
link1。影子=false;
link1。offsetGap=44;
this.scene.add (link1);
返回link1;
}
以上所述是小编给大家介绍的vue集成jTopo处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
