jTopo 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jTopo 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
jTopo 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
jTopo 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
jTopo 获得 2020 年度 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
回复
举报
打分: 力荐
jTopo
2017/02/28 16:40
回复
举报
打分: 力荐
官网地址:http://www.jtopo.com/index.html
2017/01/10 12:57
回复
举报
更多评论
暂无内容
发表了博客
2020/12/01 08:18

jTopo 功能完善

最近项目中需要一个组网的关系图。通过调研发现jTopo很接地气,国产,能满足需求。在实际应用中,发现作者提供的stage.toJson() ,JTopo.createStageFromJson()这个两个API存在缺陷,stage.tojson()不能把jTopo.Link保存,同时jTopo.Node的背景图不能保存。通过JTopo.createStageFromJson()创建jTopo.Stage时不能创建成功...

0
0
发表了博客
2019/02/15 15:11

jTopo 拓扑图(入门)

jTopo是我在17年用到过的一款绘制拓扑图的插件,该插件使用yH5 Canvas进行绘制元素以及操作元素,优点在于可实现数据的依赖关系图形化处理,缺点就是使用canvas有时候会出现一些功能难以实现。除此之外,像现在市面上比较流行的Qunee拓扑图插件,如果你的资金准备充足建议使用这款产品,因为该产品的api做的比较详尽,同...

0
0
发表了博客
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 该模式下不可以选择节点,只能拖...

0
0
发表了博客
2019/12/13 21:02

jTopo HTML5 Canvas 画图组件

jTopo是什么? jTopo(Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。 jTopo关注于数据的图形展示,它是面向开发人员的,需要进行二次开发。 使用jTopo很简单,可以快速创建一些关系图、拓扑等相关图形化的展示。只要您的数据之间存在有关联关系,都可以使用jTopo来进行人性...

0
0
发表于云计算专区
2016/04/06 21:16

网络拓扑图jTopo简介和入门

传统的web版网络拓扑制作方法都是采用Flash来做的,但是这种安全性和兼容性比较差,苹果系列的产品也都不支持Flash。因此目前web版的网络拓扑图都采用HTML5的方式来制作。使用HTML5制作网络拓扑图的方式有很多种,...

0
0
发表了博客
2018/12/29 09:12

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

绘制拓扑图有很多开源的工具,知乎上也有人回答了这个问题: https://www.zhihu.com/question/41026400/answer/118726253 ujtopo是基于jTopo作了一些封装,适用一些基本的场景 jTopo(Javascript Topology library)是一款完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。官网地址:http://www.jtopo.cn 1、首先定义...

0
0
发表了博客
2019/08/07 10:03

vue 集成jTopo 处理方法

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"; <template> <div> <PanelBas...

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

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

JTopo + Vue 实现自定义拖拽流程图 市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图 首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所以建议大家也直接引用jquery进行操作; 然后...

0
0
发表于大前端专区
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...

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,Chart...

2
0
发表了问答
2013/10/12 16:23

jTopo, 元素删除的问题

@王德玉 你好,想跟你请教个问题: 为什么我在调用下面的语句的时候,元素没有被删除呢? scene.remove(scene.selectedElements[0]);

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