jTopo 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
jTopo 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
jTopo 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 LGPLv3
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 HJackS
适用人群 未知
收录时间 2013-09-26

软件简介

jTopo(Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。

jTopo关注于数据的图形展示,它是面向开发人员的,需要进行二次开发。

使用jTopo很简单,可以快速创建一些关系图、拓扑等相关图形化的展示。只要您的数据之间存在有关联关系,都可以使用jTopo来进行人性化、图形化的展示。

为什么需要jTopo

一、随着软件用户体验的要求不断提高,界面图形化展示、操作往往能给用户带来印象深刻、用户体验度提升的同时也会增加对软件更加认可。
二、一般的软件系统图形界面开发需要花费大量的时间和人力,运行效率低下,界面不够专业美观。如果采用jTopo组件来开发软件界面,可以非常简单快速地创建精美、专业、高效的图形化界面,以便 提高开发效率、增加客户满意度、提高软件竞争力。
三、基于Html5的拓扑图函数库比较少,好用的更是寥寥无几,好用又跨浏览器平台的目前就只有jTopo。
四、跨行业:可应用到电信、电力、金融、制造、交通、教育等多个行业的软件开发中。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (3)

加载中

引用来自“安世博”的评论

官网地址:http://www.jtopo.com/index.html
请问可以用于商用项目吗?
2019/05/17 14:41
回复
举报
打分: 力荐
该评论暂时无法显示,详情咨询 QQ 群:912889742
打分: 力荐
官网地址:http://www.jtopo.com/index.html
2017/01/10 12:57
回复
举报
更多评论
暂无内容
发表了博客
2019/05/15 15:18

5-15 笔记 jtopo使用

Jtopo的核心对象有6个,分别是Stage(舞台对象),Scene(场景对象),Node(节点对象),Link(连线对象),Container(容器对象),Effect.Animate(动画效果) 1 Stage: 1.1 Mode属性: normal[默认] 可以点击选中单个节点(按住Ctrl可以选中多个),点中空白处可以拖拽整个画面 drag 该模式下不可以选择节点,只能拖拽整个画面 select 可以框选多个节点、可以点击单个节点 edit 在默认基础上增加了:选中节点时可以通过6个...

0
0
发表了博客
2020/08/27 17:06

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

JTopo + Vue 实现自定义拖拽流程图 市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图 首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所以建议大家也直接引用jquery进行操作; 然后将jtopo.js下载到本地,放到自己的vue项目的静态文件目录下,如下图: 最终实现效果如下图 节点右键编辑 点...

0
1
发表于大前端专区
2015/06/29 10:23

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

代码如下: var node = new JTopo.Node("Hello"); node.setLocation(409, 269); node.mousedown(function(event){ if(event.button == 2){ node.text = '按下右键'; }else if(event.button == 1){ node.text = '按下中键'; }else if(event.button == 0){ node.text = '按下左键'; } }); node.mouseup(function(event){ if(event.button == 2){ node.text = '松开右键'; }else if(event.button == 1){ node.text = '松开中键'; }e...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2013/12/01 20:09

jtopo字体如何调整粗细

拓扑的功能的确很好,但是字体处理是个问题,不是太美观,字体粗细无论怎么调整都无效果,请问有什么办法?

2
0
发表了问答
2016/06/02 14:34

用JTOPO绘制的拓扑图怎么实现收展

在拓扑图展示的界面上由于设备太多,怎么实现在点击上一级的设备图标,把下一级的隐藏了。请问有做过的吗? 求解

1
0
发表了问答
2014/03/13 11:39

jTopo 节点和连线的阴影如何去除?

原来的背景图片很好看 但是如果使用其他背景图片的话,阴影就会很难看 如何能去除阴影呢?

3
0
发表了问答
2016/09/21 10:00

jtopo场景切换问题

我发现,我如果在同一个scene里面绘制节点之后,然后需要重新绘制其它场景的时候,我发现当前的舞台场景会一直闪动不停,如果讲的不够清楚的话,欢迎大牛加一下小弟的扣扣:1610770854,发个视频给你们看看

1
0
发表了问答
2017/02/17 14:40

关于jtopo大型数据的规律展示

@HJackS 你好,想跟你请教个问题: 您好!请教下,我们有大概1000多条有可能会更多数据想规律的展示在页面上,怎么实现呢? 我们自己做出来是蜘蛛网形状的

1
0
发表了问答
2016/05/20 16:30

请教JTopo中Node节点双击展开技术问题

@HJackS 你好,想跟你请教个问题: 我最近在学习使用JTopo,确实非常快捷方便,非常感谢! 我想试着用JTopo做一个计算机网络拓扑图,想把网络节点(计算机终端或是路由器之类的)做成可双击展开查看详细信息的样子,类似http://demo.qunee.com/#VOIP Demo 这样的。 我尝试了用container,里面添加Node,TextNode,ChartBar,但是gridLayout和flowLayout的布局都不理想;gridLayout是这样的,指定行列后没法调整与container边缘的...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
3 评论
122 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部