JTopo

React下使用Jtopo（一）

网上没有找到react框架下使用Jtopo的例子。走了一些弯路，终于成功运行了一个第一个demo，分享一下。最终效果最初的思路，肯定是要是在JTopo官方下载包，可下载后该如何引用呢？
章鱼要回家·2024-01-29 02:59

React中使用jtop（二）

在上一篇博客中提到了使用jtopo-in-node在React项目中使用jtopo，并画出了一个官网给出的demo。
qq_36560180·2024-01-11 01:21

JTopo踩坑记 -- React项目中使用JTopo

JTopo踩坑记–React项目中使用JTopoJTopo-in-node&JTopo最近实习公司一个项目需要绘制电网的拓扑图，大致要求的效果如下：首先想到的是Echarts和d3，因为这个项目其他图表都是使用的
qq_36560180·2024-01-11 01:51

最新 vie-vite框架下 jtopo安装使用

官方地址官方源码安装下载1.官方好像都没有给git地址，尝试npm安装报错2.找到1.0.5之前的版本npmijtopo2，安装成功后使用报错，应该是版本冲突了1.本地引入，点击官方源码下载，需要jtopo_npm
Roottt_·2023-11-06 08:08

jtopo 拓扑图的简单使用

官网jtopo一个好用的交互式HTML5图形软件下载jtopo-npm安装包-Javascript文档类资源-CSDN下载引入将jtopo-1.3.8_trial-esm-min.js文件放到assets
晓_枫·2023-09-06 00:57

JS 图片跨域问题

使用JS创建图片元素然后在JTopo或three.js中使用时报以上错误，JS代码如下：var_t=this;varhouseImg=newImage();houseImg.crossOrigin='*
前端的南姐·2023-09-05 06:44

记一次jquery关系图

用的是jtopo关系图框架varcanvas=document.getElementById('canvas');varstage=newJTopo.Stage(canvas);//创建一个舞台对象varscene
lao老麻·2023-07-24 10:26

通过JTopo.js在网页绘制网络拓扑图

JTopo是一款完全基于HTML5Canvas的数据关系+交互式图形库。可以快速创建一些拓扑关系图。项目的完整效果不能展示，自学过程中完成的demo的效果图如下，我将在
gxyzlxf·2023-07-17 20:06

JS绘制拓扑图示例 （JTopo）

目前在做的项目是渔政的监控，需要用到的设备包括雷达，光电，站点信息等，想要更直观的展现设备之间的连接关系和状态信息，这时候需要画一张拓扑图在做拓扑图之前，首先要学习一下，html里面另一个比较常用的标签--标签定义图形，通过脚本(通常是JavaScript)来完成，意思即，canvas只是提供一个容器，元素本身是没有绘图能力的，真正形成图形，还是需要通过脚本语言去绘制知道了这个标签的含义及用法之后
baliang9989·2023-07-17 20:35

基于jTopo的拓扑图设计工具库ujtopo

绘制拓扑图有很多开源的工具,知乎上也有人回答了这个问题:https://www.zhihu.com/question/41026400/answer/118726253ujtopo是基于jTopo作了一些封装
net_yuan·2023-04-05 13:06

二、可视化流程图工具集成

因为主要使用的是vue进行开发，而流程图绘制工具主要也就那么几个，jsplumb、Jtopo这些都是比较成熟的绘制工具了，直接使用的话有点复杂，样式也不是很好看，找了半天找到一个比较简单的，学习下easy-flow
大鱼_f09b·2023-03-18 06:40

jTopo如何实现不可拖拽

我们在node节点进行拖拽的时候进行监听,使用的是mousedrag事件,然后设置所拖动节点的dragable为falsethis.scene.mousedrag(function(e)){e.target.dragable=false;//将拖拽设置为falsee.target.visible=false;//将节点设置为不可见}如果不懂this.scene结构的可以参考我的另一篇简单入门的to
·2021-02-26 15:25

jTopo入门 简单实现拓扑图

最近项目中需要绘制拓扑图，于是研究了下绘制拓扑图的组件，jtopo是一款比较简单易上手的开发工具包，分享给大家。jtopo特点1、完全基于HTML5Canvas开发，API平易近人、几乎简单到了极致。
大菜牙铝式·2020-11-13 11:09

jtopo插件（修改源码）修复两节点双线连接的bug

首先看效果如果直接使用jtopo4.8.js源码的话，会出现双向的连线重叠的现象。
魏亚强·2020-09-17 14:50

jTopo——js库

学习地址：http://www.jtopo.com/demo/statictis.html转载于:https://www.cnblogs.com/WEI-web/p/7382586.html
weixin_33681778·2020-09-17 13:05

jtopo 折叠与展开子节点

jtopo折叠与展开子节点如果是只想简单的折叠和展开拓扑图的所有子节点，不对子节点的折叠状态做记录的话很简单。通过去递归遍历所有子节点，然后设置节点的显示属性visible就可以了。
_let·2020-09-16 23:39

jtopo js插件绘制网络拓扑图

拓扑的基本绘制2、拓扑放射性布局3、多级拓扑的实现4、下级拓扑节点的隐藏与展现5、导出拓扑图二、效果图展示正常展示：节点收缩展示：三、引入库（稍作可以直接复用）1、引入jQuery，jquery.js2、引入jtopo
追风哥哥·2020-09-12 22:31

jtopo简单实例

原贴地址http://cn-arthurs.iteye.com/blog/2009345说明:jtopo是一个基于canvas的js拓扑图形组件.比canvasexpress容易多了.可以方便地加点,加连线
laputa73·2020-09-11 01:40

JTopo + Vue 实现自定义拖拽流程图

JTopo+Vue实现自定义拖拽流程图市场上做流程图的插件比较多，这里介绍一种基于canvas编写的js插件，结合vue框架做出精美的流程图首先搭建vue框架，这里就不做介绍，由于jtopo官方demo
WULIhuihui·2020-08-26 16:29

jtopo树结构方法积累

1、计算最外层最大节点个数：functiongetMaxLeafCnt(data){varmaxcnt=0;//本身varchildren=data.children==undefined?newArray():data.children;if(children.length>0){for(vari=0;i
abc96998·2020-08-24 07:23

jtopo 实现调用saveImageInfo()方法直接下载图片

首先找到源代码里的saveImageInfo方法this.saveImageInfo=function(a,b){varc=this.eagleEye.getImage(a,b),d=window.open("about:blank");returnd.document.write(""),this},把以下代码复制替换掉上面代码：this.saveImageInfo=function(a,b){
_let·2020-08-23 18:47

【前端学习】JTopo入门--01实现Node搜索功能

0.实验目的最近看了很多项目的前端，都带有数据可视化，因此想要实际体验一下自己写一个很久没记录学习，也是因为一直在看这个，大概2周多，完整项目太大了，就暂时先记录一个功能前后端还是区别比较大？感觉写起调用来很乱由于没有什么前端编写的经验，实在是比较坎坷先看了一下YouTube的视频课，直接看的JS部分（https://www.youtube.com/playlist?list=PLoYCgNOIy
高冷的宅先生·2020-08-21 00:03

前端开发框架总结之利用Jtopo实现网络拓扑功能（一）

前端开发框架总结之利用Jtopo实现网络拓扑功能（一）前言：前段时间由于项目需要实现一个网络设备拓扑管理的功能，经过一番比较，最终选择了利用JTopo插件来实现相关功能。
wiki_Wei·2020-08-05 17:07

Jtopo 拓扑图

在网上找了很久的拓扑图展示，发现了很多优秀的作品，但是大都收费，只有这个Jtopo及免费也还不错但是效果有点简单，比如要实现两折并且节点固定在一点的话（如图war右边的小节点），就得在节点处定义一个节点类了
tengmuxin·2020-08-03 04:40

数据可视化资料汇总

工程师标准>>>###1.说说数据可视化技术四大派系###2.ECharts###3.G2(TheGrammarOfGraphics)是一个由纯JavaScript编写、强大的语义化图表生成工具###4.jTopo
weixin_33910434·2020-07-28 18:44

开源javascript拓扑工具集合

需求拓扑图1.jtopo拓扑图形化界面开发工具包jTopo项目实例jTopo（JavascriptTopologylibrary)是一款完全基于HTML5Canvas的关系、拓扑图形化界面开发工具包。
donghe587·2020-07-01 22:05

网络拓扑图js插件——jTopo应用

jTopo官网：http://www.jtopo.com/1、特点：基于HTML5Canvas，不依赖其他库2、应用：效果：源码github地址在HTML页面中引入jtopo.min.js文件，添加一个
懒人笔记—001·2020-07-01 15:51

FocusTopo说明文档

focusTopo代码文件介绍插件主要由三个js文件构成:源码文件:jtopo-0.4.8.js封装代码文件:topo-main.js基于源码进行的封装(下文主要针对topo-main.js里面的接口进行介绍
罗不错·2020-04-10 20:53

jTopo HTML5 Canvas 画图组件

jTopo是什么?jTopo（JavascriptTopologylibrary)是一款完全基于HTML5Canvas的关系、拓扑图形化界面开发工具包。
sunyuliang·2019-12-13 21:00

jTopo HTML5 Canvas 画图组件

jTopo是什么?jTopo（JavascriptTopologylibrary)是一款完全基于HTML5Canvas的关系、拓扑图形化界面开发工具包。
sunyuliang·2019-12-13 21:00

JTopo

拓扑结构拓扑结构图.pngdemo:demo要用到的jslib包可以用ie浏览器在官网点击链接下载Jtopolib包下载htmldemo://引入jquery包//引入JTopo包testJtopo.js
0xmx0·2019-12-13 12:43

HTML5 （canvase）拓扑图、关系图及vis.js关系图的使用

HTML5（canvase）拓扑图、关系图：http://www.jtopo.com/demo/layout-circle.htmlvis.js网址：https://visjs.org/vue项目中的使用
潇潇-lucky·2019-10-15 14:00

vue 集成jTopo 处理方法

jTopo帮助说明网站http://www.jtopo.com/index.html使用例子：http://www.jtopo.com/demo/helloworld.html不建议直接安装github
hucoke·2019-08-07 10:44

Vue — jTopo

近期在Vue项目中使用jTopo来制作集群节点拓扑图，官网http://www.jtopo.com/使用vue-cli搭建的模块化开发项目，使用第三方库最好的方式就是通过npminstallxxx安装，
看得见的等候·2019-07-18 11:11

jTopo---连线属性介绍

标签（空格分隔）：jsvarlink=newJTopo.Link(nodeA,nodeZ,text);//直线varlink=newJTopo.FoldLink(nodeA,nodeZ,text);//折线varlink=newJTopo.FlexionalLink(nodeA,nodeZ,text);//二次折线varlink=newJTopo.CurveLink(nodeA,nodeZ,tex
lvyweb·2019-07-17 16:16

vue中使用原生JS框架 例如 JTopo （vue-cli 3.0）

参考：https://cli.vuejs.org/zh/guide/html-and-static-assets.html#htmlHTML#Index文件public/index.html文件是一个会被html-webpack-plugin处理的模板。在构建过程中，资源链接会被自动注入。另外，VueCLI也会自动注入resourcehint(preload/prefetch、manifest和图
Future1994·2018-12-11 10:53

一个小demo

谢谢jTopo的作者，话说这个框架真不错，不过要是算法上在严谨一点就完美了，在节点1到节点2连线和节点2到节点1连线，会出现重合才发现压缩包不能上传，所以没上传成功，我也是醉了上代码吧html:sdasd
daidai0_0·2017-09-22 17:39

Jtopo入门篇_技术与业务的结合

上个星期接了一个任务，使用jtopo画图。接到任务之后去看下了jtopo，自己动手实操一番，感觉不是很难。但是真正开始做页面的时候懵逼了。
adventure_xph·2017-07-11 14:37

Jtopo入门篇_画点画线初探

JTopo是一款强大的拓扑图形化界面开发工具，优点很多，缺点也有，最重要的这是国产（加亮，加粗，加闪光）插件，对爱国青年来说这是国家的骄傲，标志着我国打破了美帝列强的技术封锁，研发出了属于自己的拓扑插件
adventure_xph·2017-07-11 11:53

拓扑图框架Jtopo

使用HTML5制作网络拓扑图的方式有主要有Canvas和SVG，Jtopo采用HTML5的Canvas实现，可以使用到Html5的平台(PC，手机，平板)，免费易用，适用于浏览器IE,Firefox,Safari
corolcorona·2017-07-03 10:14

java topo： 开源jtopo框架

javaweb非本人研究方向，只是作为拓展知识涉猎范围原文链接：http://www.jtopo.com/index.htmljTopo是什么?
虎纠卫·2016-07-20 10:01

java topo： 开源jtopo框架

javaweb非本人研究方向，只是作为拓展知识涉猎范围 原文链接：http://www.jtopo.com/index.htmljTopo是什么?
csolo·2016-07-20 10:00

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧

代码如下:varnode=newJTopo.Node("Hello"); node.setLocation(409,269); node.mousedown(function(event){ if(event.button==2){ node.text='按下右键'; }elseif(event.button==1){ node.text='按下中键'; }elseif(event.button=
刘星石·2015-06-29 10:11

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧

‍代码如下:varnode=newJTopo.Node("Hello"); node.setLocation(409,269); node.mousedown(function(event){ if(event.button==2){ node.text='按下右键'; }elseif(event.button==1){ node.text='按下中键'; }elseif(event.button
刘星石·2015-06-29 10:00

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧

代码如下:varnode=newJTopo.Node("Hello"); node.setLocation(409,269); node.mousedown(function(event){ if(event.button==2){ node.text='按下右键'; }elseif(event.button==1){ node.text='按下中键'; }elseif(event.button=
starsliu·2015-06-29 10:00

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧

代码如下: var node = new JTopo.Node("Hello");  node.setLocation(409, 269);  node.mousedown
·2015-06-29 10:00

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧

代码如下: var node = new JTopo.Node("Hello"); node.setLocation(409, 269); node.mousedown(function
刘星宇·2015-06-29 10:00

网络拓扑图DEMO

组件工具JTopo（http://www.jtopo.com/） 需求1.可以显示多个节点图标和节点名称2.可以对节点进行连线，显示递
cn_arthurs·2014-01-25 13:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他