wenyuan / jtopo_topology Goto Github PK

View Code? Open in Web Editor NEW

301.0 301.0 121.0 43.28 MB

基于 jtopo 二次封装，拓扑图编辑器

Home Page: http://www.jtopo.com/

HTML 4.74% CSS 0.51% JavaScript 76.77% Less 8.93% SCSS 9.05%

jtopo jtopo-topology topology

jtopo_topology's Introduction

jtopo_topology's People

Contributors

Stargazers

Watchers

Forkers

rqx110 taquanjianimei vue-3020 hxl1987 junneyang jxp4531 skyroot dlzdy wdir common110 ripingit freeunion1possible songyanbo adam123206 zhanshaocong hukaixuan2017 roojay520 hack-link pspglb zfs990 zyj0021 wylbjia cindyzhu kafka-soda ohayowp tqbzysj junyan-zg dongleizi wuyu22222 zm-erick haipiyuan richer-91 ziyiwang szhorizon xiaoc94 lixieqing via123 zhangzewa maxtsang30 qinlue adwinsw bigmgreen miyawang tiger-liuhu hulao6 zhuxl13817468272 submorino kitter netbardj qinxiaoxiang luoying87 zxx520llc chenqian0824 amt945 yusihuu angryturf lizhx shfzhangjian cow-rong airqqqqq airttaryuzcf fatekao 17666054965 cyrix66 wantnocode bluestone029 chengxs11 wang120140 ygyang pingwangzixin libertyarow zjie-zheng kian-404 kgtone tcry601 jackeyaw north-city renjiangzhou2163 scai2013 kirahua 3cdota stevexk waterwatermelon august2016 wangscript007 odora yuecaiming yushan126 dizhaung hua790983977 lovezjj008 skyrain521 huimin001 zddu rosezh yzwsm woodstiger sunnylihy chenshaohui-java zhanliuliu

jtopo_topology's Issues

用HBuilder和idea打开项目，拖拽之后图片都显示为蓝色小方块儿，如下图

请问可以增加一个定点缩放吗

类似于WEB地图，鼠标指在哪儿就在哪儿，谢谢大佬，也可以给一个实现思路，可以吗？

在火狐上面拖动图片的话，会打开一个新窗口

只要拖动图片就会新增一个窗口，解决方法是增加一个全局的取消默认事件
document.body.ondrop = (event)=> { event.preventDefault(); event.stopPropagation(); }

Stage.width = 1000 不能设置

上代码
let canvas: any = document.getElementById('learn-canvas'); this.stage = new JTopo.Stage(canvas); this.stage.width = 1000; this.stage.height = 200;

错误信息：
ProductListComponent.html:3 ERROR TypeError: Cannot set property width of [object Object] which has only a getter at JTopoComponent.push../src/app/jTopo/jTopo.component.ts.JTopoComponent.ngOnInit (jTopo.component.ts:26) at checkAndUpdateDirectiveInline (core.js:21764) at checkAndUpdateNodeInline (core.js:29983) at checkAndUpdateNode (core.js:29945) at debugCheckAndUpdateNode (core.js:30579) at debugCheckDirectivesFn (core.js:30539) at Object.eval [as updateDirectives] (ProductListComponent.html:30) at Object.debugUpdateDirectives [as updateDirectives] (core.js:30531) at checkAndUpdateView (core.js:29927) at callViewAction (core.js:30168)
希望有人能帮忙解答一下

可以开启下GitHub io这样就可以在线预览下了

is:issue is:open node节点的zIndex设置了显示不会变化，这是为啥

您好：

我是这么写的
zIndexAdd: function () {
if (editor.currentNode instanceof JTopo.Node) {
console.log(editor.currentNode.zIndex)
editor.currentNode.zIndex =+ 10;//node的层级属性zIndex的值发生了变化。但是图形却没有移动到上层。初始化整个图形zIndex还是有效的。就是动态改变图形不会变层级。
}
}
，其他的比如角度之类的已修改就变了。
还发现只要设置的zIndex再做其他操作都不生效，比如先设置zIndex，再删除这个节点也不行。
editor.currentNode.zIndex =+ 10;
editor.scene.remove(editor.currentNode.zIndex) //结果节点删除不了
但是先设置其他的再操作不会这样。
比如
editor.currentNode.rotate =+ 10;
editor.scene.remove(editor.currentNode.zIndex)//结果节点可删除

求解。

Vue版本的啥时候搬上来

Vue的远版本上的10秒刷新具体是做了什么代码操作啊

大神，vue 的版本可否刚一下效果

鼠标拖动节点后，容易误连线。建议取消自动连线，增加连线控制按钮

demo问题，希望作者看到有空回复一下子哈

// 加载网络拓扑图
editor.loadTopology(rootPath + '/json/network.json', "img/backimg.png");

TopologyPanel.prototype.loadTopology = function (url, topologyGuid, backImg) {

生成的代码，移动端不能拖动缩放

如题：我刚下载试了下，大神这个问题比较严重啊。

请问大神新画的拓扑图怎么保存呢？

点击保存按钮后，好像无反应。。。

大佬，vue版本有了吗

Vue版本的可以开源嘛，我移到线上vue版本右键菜单无效

鼠标中键的上下滚动与放大缩小

建议修改为：
向上：放大
向下：缩小

jtopo-0.4.8-dev.js 1103行

null != this.wheelZoom && (b > 0 ? this.zoomOut(this.wheelZoom) : this.zoomIn(this.wheelZoom))

线的拖拽是怎么实现的

请教一下，我打开页面，在实例化的时候，将线也作为可以拖拽部分，
var nodes_line = $("[topo-div-type='topo-link']");
var nodes_line = nodes_line.length;
for (var i = 0; i < nodes_line; i++) {
var text = $(nodes_line[i]).find("span").eq(0).text();
editor.drag(nodes_line[i], document.getElementById('topology-canvas'), text);
}
但是拖在在舞台区，就成了一个图片，请教一下这个怎么处理才能连线

Timer
https://github.com/xwenyuan/jtopo_topology/blob/c2040bf879f8836d41310ab2acfd9dba0b50d2fb/static/public/js/jtopo-editor.js#L545

rootPath
https://github.com/xwenyuan/jtopo_topology/blob/c2040bf879f8836d41310ab2acfd9dba0b50d2fb/network_topology.html#L644

and the loadTopology function has 3 parameters,
https://github.com/xwenyuan/jtopo_topology/blob/c2040bf879f8836d41310ab2acfd9dba0b50d2fb/static/public/js/jtopo-editor.js#L67

and also missing util.js in static/public/js/

please fix these errors, I clone this project, it can't run very well.