笑到世界都狼狈的博客

效果图如下，具体我是参照在github上下载的源码写的，链接不记得了，如果原作者看到了，可以联系我删博代码如下：<但是此代码在画布拖拽，放大，缩小后，新增节点的位置不是鼠标松开时的位置> html:<div class="leftMenu" style="width:10%;height: 100%;float: left;display: none;background:#E1FFFF"> <div clas.

在写jtopo时遇到上述问题，效果如下图所示：遇到这个问题，首先我想到的就是鼠标拖拽的时候禁止选中文本，上网查了一下，果然有此类信息，以下是我查到的链接：https://www.cnblogs.com/Sky-Ice/p/10137284.html他里面有css方法和js方法，我都试了一下，css方法比较好用，而且兼容性我测到了ie11，主流浏览器都是兼容的，代码如下：/*防止鼠...

在网上下的demo如果图标太靠右或太靠下，右键操作的时候弹框就会挤出页面，很丑，效果如下图所示：我想着给它修改成位置不够的时候显示在左边或者上面，去看源码的时候它是根据鼠标移入是那个距离屏幕上边和左边的一个点来定义它的位置的。本来我想着看看能不能拿到到屏幕右边和下边的距离，但是一下两下没找到方法，后来就凭借我个人的想法想了一个比较懒的方法，就是获取浏览器的宽度和高度，用浏览器的宽度和高...

最近在写topo图的时候，topo图书莫名其妙出现一条黑色连线，但是数据库里并没有设计黑色的连线，经过反复确定发现只要显示鹰眼就会显示黑线，不显示鹰眼就不会显示那条黑线，效果如下图所示：看代码是时候，在jtopo-0.4.8-min.js大概五百二十行左右有这样的代码，意识差不多就是鹰眼能看到的边框，灰色填充，以及拓扑显示，如果想简单粗暴的只改黑线的问题，把拓扑的边框影藏掉即可，既：代码中...

最近在写拓扑图，有百度到一位大佬的CSDN上有好多关于jtopo的东西，虽然已经默默关注了，但还是记一下笔记。1.拓扑图点击展开子节点，具体参照：https://blog.csdn.net/qq_39759115/article/details/89156175（这个我在下面第四条，鼠标拖拽的时候做了一些优化）2.原demo导出PNG图片是点击之后跳转新页面，右键才能保存，修改成点击按钮直...

其实。这个就是写来玩玩的，也没有用上，就是仿照Jtopo的搜索查询功能写了一个单击闪烁并居中的函数/*** 单击时居中闪烁* */function clickCenter() { var location = currentNode.getCenterLocation(); // 单击后居中 stage.setCenter(location.x, locati...

jtopo默认的选中框是蓝色边框，与topo节点颜色很相似，看不清楚，所以我把topo选中的颜色改成大红色了，在addNode函数中加下面一段代码就好了（百度上看到的，很有用，收藏起来）node.paintSelected = function(a){ 0 != this.showSelected && (a.save(), a.b...

在官方文档中看到鼠标悬停事件有，mouseover和mouseout，我就象征性的写进代码里，但是问题出来了，悬停事件和点击画线操作产生了冲突，只要悬停，就不能画线，只要画线，就不能悬停，后来我将悬停的代码写进了jtopo-0.4.8-min.js中去了，首先，在jtopo-0.4.8-min.js中Ctrl+F找mouseover,注意：里面有很多mouseover，找到下面一段代码。...

1.鹰眼的显示与隐藏：代码中有一个stage.eagleEye.visible = true;将true改成false就不显示了。2.鼠标点击是菜单出现的位置控制：$("#contextmenu").css({ top:event.pageY-65, left:event.pageX-190 }).show(); //右键单击连线 ...

最近项目中需要做一个拓扑图，和做后端的小伙伴百度查找了一番，发现jtopo这款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。觉得很适用，就仔细研究了一下。首先，jtopo的官方文档：http://www.jtopo.com/说实话，官网上介绍的很简单，好多东西都没有写清楚怎么用，我是在github上下载的源码demo在里面修修改改实现的，想要下载，可以直接去github...