vue 集成jTopo 处理方法
前端  /  管理员 发布于 4年前   651
jTopo 帮助说明网站
http://www.jtopo.com/index.html
使用例子:
http://www.jtopo.com/demo/helloworld.html
不建议直接安装 github 上的代码,因为代码版本不是最新,有部分功能未实现。
下载最新的js类库文件放到 vue 项目 public 文件夹下。
引入 import "/jtopo/jtopo-0.4.8-min.js";
let canvas = document.getElementById("canvas");that.stage = new JTopo.Stage(canvas);that.scene = new JTopo.Scene(that.stage);that.scene.background = "/jtopo/aa.png";let s1 = that.node("a1", 305, 43, "server.png");s1.alarm = "2 W";let s2 = that.node("a2", 365, 43, "server.png");let s3 = that.node("a3", 425, 43, "server.png");let g1 = that.node("a4", 366, 125, "gather.png");that.linkNode(s1, g1, true);that.linkNode(s2, g1, true);that.linkNode(s3, g1, true);let w1 = that.node("a5", 324, 167, "wanjet.png");that.linkNode(g1, w1);let c1 = that.node("a6", 364, 214, "center.png");that.linkNode(w1, c1);let cloud = that.node("a7", 344, 259, "cloud.png");that.linkNode(c1, cloud);let c2 = that.node("a8", 364, 328, "center.png");that.linkNode(cloud, c2);let w2 = that.node("a9", 324, 377, "wanjet.png");that.linkNode(c2, w2);linkNode(nodeA: number, nodeZ: number, f: boolean) {/**连线*/let link;if (f) {link = new JTopo.FoldLink(nodeA, nodeZ);} else {link = new JTopo.Link(nodeA, nodeZ);}link.direction = "vertical";this.scene.add(link);return link;},hostLink(nodeA: any, nodeZ: any, name: string) {let link1 = new JTopo.FlexionalLink(nodeA, nodeZ, name);//var link = new JTopo.FlexionalLink(nodeA, nodeZ, text);//var link = new JTopo.FlexionalLink(nodeA, nodeZ, text);// 二次折线link1.shadow = false;link1.offsetGap = 44;this.scene.add(link1);return link1;}总结
以上所述是小编给大家介绍的vue 集成jTopo 处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
122 在
学历:一种延缓就业设计,生活需求下的权衡之选中评论 工作几年后,报名考研了,到现在还没认真学习备考,迷茫中。作为一名北漂互联网打工人..123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号