- 综合排序
- 最热优先
- 最新优先
- 来自专栏hightopo
HTML5 网络拓扑图性能优化
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响 我们不妨来试试，在 GraphView 中添加若干个 node、edge、group 等节点，并且每个节点上都显示文本（包括线条，上图所示），看看拓扑的缩放效果怎么样。 接着是常见网络拓扑图 GraphView 组件，并将其添加到 DOM 中，重载 GraphView 的 getLabel 方法设置图元的文本，让每个节点都有文本。
1.7K50发布于 2018-07-09 - 来自专栏HT
HTML5 网络拓扑图性能优化
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响 我们不妨来试试，在 GraphView 中添加若干个 node、edge、group 等节点，并且每个节点上都显示文本（包括线条，上图所示），看看拓扑的缩放效果怎么样。 接着是常见网络拓扑图 GraphView 组件，并将其添加到 DOM 中，重载 GraphView 的 getLabel 方法设置图元的文本，让每个节点都有文本。
2.1K60发布于 2018-01-03 - 来自专栏网络技术联盟站
什么是网络拓扑？网络拓扑有哪些类型？
你好，这里是网络技术联盟站。平时经常听到网络拓扑这个名词哈，本文瑞哥带大家详细了解一下网络拓扑，包括网络拓扑的几大类型。什么网络拓扑？ 网络拓扑是节点和链路在特定机制和方案中的排列，换句话说，网络拓扑是如何安排在网络中的设备之间进行通信的网络组件，以减少错误、产生更高的带宽速度、保护网络等。 网络拓扑有两种主要类型：物理网络拓扑： 物理拓扑是实际布线和连接布局（物理信号传输介质）逻辑网络拓扑： 逻辑拓扑是网络设备的虚拟布局，数据在设备之间通过网络传输的方式，与设备的物理连接无关。 网络拓扑不仅在物理上而且在逻辑上定义了网络的布局、虚拟形状或结构，一个网络可以同时具有一个物理拓扑和多个逻辑拓扑。本文主要关注的是物理拓扑。 网络拓扑的类型在计算机网络中，主要有六种物理拓扑：图片总线拓扑总线拓扑也称为骨干拓扑或线路拓扑，总线拓扑是最简单的拓扑，其中公共总线或通道用于网络中的通信，主要用于小型网络。
5.1K41编辑于 2022-06-20 网络拓扑概念
在 HDFS 写数据的过程中，NameNode 会选择距离待上传数据最近距离的 DataNode 接收数据。那么这个最近距离怎么计算呢？ 节点距离：两个节点到达最近的共同祖先的距离总和。
14210编辑于 2025-12-23网络拓扑结构
介绍网络拓扑结构是指用传输媒体互连各种设备的物理布局，通俗地说，就是网络设备是如何连接在一起的。这种结构能够表示出网络服务器、工作站的网络配置和互相之间的连接。 网络拓扑结构主要按形状分类，包括星型、环型、总线型、树型、总线/星型和网状型拓扑结构。星型拓扑结构在这种结构中，各个节点与中心节点连接，呈现出放射状排列。这种结构通过中心节点对全网的通信进行控制。 星型拓扑结构具有简单、易于管理和维护的特点，网络传输延迟小且误码率较低。然而，网络资源共享能力较差，中央节点负荷较重，通信线路利用率较低。 总线型拓扑结构在这种结构中，所有计算机设备通过一根中央的传输线连接在一起，形成一个线性结构。总线拓扑结构适用于小型网络环境，特别是在办公室或家庭网络中表现出色。 树型拓扑结构这种结构是将多个星型拓扑连接在一起的组合，形成一个层次化的结构。树型拓扑结构适用于大型网络环境，尤其是在广域网（WAN）中。它具有良好的可扩展性和灵活性，能够适应复杂的网络需求。
1.2K10编辑于 2024-04-29- 来自专栏hightopo
原 HTML5 网络拓扑图整合 OpenL
在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合，我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的OpenLayers HT和OpenLayers组件叠加在一起之后，剩下就是拓扑里面图元的摆放位置与经纬度结合的问题，常规网络拓扑图中存储在ht.Node图元的position是逻辑位置，和经纬度没有任何关系，因此在GIS应用中我们需要根据图元的经纬度信息换算出 仅在缩放达到一定级别才显示更详细的内容，否则缩小时所有城市信息都显示完全无法查看，多少也能提高显示性能 以下为最终效果的抓图、视频和源代码：http://v.youku.com/v_show/id_XODM5Njk0NTU2
2.3K60发布于 2018-06-05 EtherCAT 网络拓扑结构
EtherCAT 网络拓扑结构具有极高的灵活性和适应性，能够支持多种拓扑形式，包括总线形、树形和星形，从而满足不同工业应用场景的需求。这种灵活性使得以太网的应用更加广泛，而不仅仅局限于现场总线系统。 灵活的拓扑选择EtherCAT 可以采用总线形结构，这种结构源于传统的现场总线，特别适合工业自动化场景，在保持低成本的同时，确保通信的高效性。 同时，还可以采用树形或星形结构，这些拓扑形态的组合有助于优化系统布线，使其更加适应复杂的生产环境。所有的接口都集成在耦合器上，这意味着无需使用额外的交换机，即可完成整个网络的通信。 用户可以根据实际应用需求，自由选择合适的网络技术，以满足不同的安装要求。可扩展性与自动化配置EtherCAT 具有高度的可扩展性，整个系统最多可容纳 65535 个设备，理论上支持的网络规模近乎无限。 总结EtherCAT 网络结构的可定制性极高，可以自由选择总线形、树形、星形或混合拓扑结构，适应各种工业场景。
87810编辑于 2025-05-23- 来自专栏hightopo
快速开发基于 HTML5 网络拓扑图应用
结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分： // init data 对于电信网管拓扑应用，由于网络拓扑图元数据量往往常常非常巨大，虽然 HT 拓扑图组件性能非常强劲，承载好几甚至上十万的网络拓扑矢量图元都毫无压力，但如何实现这么多数据量图元的布局是个问题，如果是规规矩矩的自然比较容易 以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT ，不收任何约束，可以随心所欲的设计你的网络拓扑图整体系统架构。 更多 HTML5 拓扑图例子可参考：http://www.hightopo.com/demos/index.html ?
2.2K60发布于 2018-06-04 - 来自专栏xingoo, 一个梦想做发明家的程序员
AOV网络拓扑排序
这个算法，主要是为输出一个无环图的拓扑序列 算法思想： 主要依赖一个栈，用来存放没有入度的节点，每次读取栈顶元素，并将栈顶元素的后继节点入度减一，如果再次出现入度为零的节点，就加入到栈中。 MAX;i++){ g->headlist[i].fnode = NULL; } inputInfo(g,0,0,0,4); inputInfo(g,0,0,0,5) inputInfo(g,1,0,1,2); inputInfo(g,1,0,1,4); inputInfo(g,1,0,1,8); inputInfo(g,2,2,2,5) ; inputInfo(g,3,0,3,2); inputInfo(g,3,0,3,13); inputInfo(g,4,2,4,7); inputInfo(g,5,3,5,8 ); inputInfo(g,5,3,5,12); inputInfo(g,6,1,6,5); inputInfo(g,7,2,7,-1); inputInfo(g
90350发布于 2018-01-17 - 来自专栏HT
快速开发基于 HTML5 网络拓扑图应用
结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型，以下为构建上图界面效果的模型代码部分： // init data 对于电信网管拓扑应用，由于网络拓扑图元数据量往往常常非常巨大，虽然 HT 拓扑图组件性能非常强劲，承载好几甚至上十万的网络拓扑矢量图元都毫无压力，但如何实现这么多数据量图元的布局是个问题，如果是规规矩矩的自然比较容易 以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT ，不收任何约束，可以随心所欲的设计你的网络拓扑图整体系统架构。 更多 HTML5 拓扑图例子可参考：http://www.hightopo.com/demos/index.html ?
2.4K80发布于 2018-01-03 - 来自专栏HT
基于HTML5的3D网络拓扑树呈现
在2D拓扑下模拟3D树状结构每层的半径计算 在3D下的树状结构体最大的问题就在于，每个节点的层次及每层节点围绕其父亲节点的半径计算。 搞定，就是这样子了，2D拓扑上面的布局搞定了，那么接下来该出动3D拓扑啦~ 3. 加入z轴坐标，呈现3D下的树状结构 3D拓扑上面布局无非就是多加了一个坐标系，而且这个坐标系只是控制节点的高度而已，并不会影响到节点之间的重叠，所以接下来我们来改造下我们的程序，让其能够在3D上正常布局 也不需要太大的改造，我们只需要修改下布局器并且将2D拓扑组件改成3D拓扑组件就可以了。 root.s3(size, size, size); var colors = {}, sizes = {}; createTreeNodes(dataModel, root, level - 1, 5,
1.8K100发布于 2018-01-03 - 来自专栏HT
基于HTML5的3D网络拓扑自动布局
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），这篇我们将进一步折腾，将算法运行到真正的后台
1.7K70发布于 2018-01-03 - 来自专栏hightopo
基于HTML5的3D网络拓扑树呈现
在2D拓扑下模拟3D树状结构每层的半径计算 在3D下的树状结构体最大的问题就在于，每个节点的层次及每层节点围绕其父亲节点的半径计算。 搞定，就是这样子了，2D拓扑上面的布局搞定了，那么接下来该出动3D拓扑啦~ 3. 加入z轴坐标，呈现3D下的树状结构 3D拓扑上面布局无非就是多加了一个坐标系，而且这个坐标系只是控制节点的高度而已，并不会影响到节点之间的重叠，所以接下来我们来改造下我们的程序，让其能够在3D上正常布局 也不需要太大的改造，我们只需要修改下布局器并且将2D拓扑组件改成3D拓扑组件就可以了。 root.s3(size, size, size); var colors = {}, sizes = {}; createTreeNodes(dataModel, root, level - 1, 5,
1.7K20发布于 2018-07-09 - 来自专栏hightopo
快速开发基于 HTML5 网络拓扑图应用1
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件 简单说来就是：拓扑图是泛化的说法，电信网管的网络拓扑图、电力的电网拓扑图、工业控制的监控图、工作流程图、思维脑图等等，简单说就是节点连线构成的这些都是这里指的拓扑图。 用 HT 开发一个网络拓扑图是非常容易的一件事，只需要短短几行代码就能完成一个简单的服务器与客户端的拓扑图： ? 这个例子非常基础，几乎完成了服务器与客户端在拓扑上的所有功能。 减去空行也就 50 行，我还做了很多样式部分的设计，毕竟给大家看的例子不能太丑嘛~ 我们在最开始就说明一下，HT 是基于 HTML5 标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和 接下来解析代码部分，首先，搭建拓扑图场景： dm = new ht.DataModel();//数据容器 gv = new ht.graph.GraphView(dm);//拓扑组件 参数为dm 绑定的数据模型
1.7K20发布于 2018-07-06 - 来自专栏hightopo
原 快速开发基于 HTML5 网络拓扑图应
'}, {shadowColor: 'shadowColor4', background: 'rectBg4'}, {shadowColor: 'shadowColor5' , background: 'rectBg5'}, ]; infos.forEach(function(info) {//遍历infos数组 data.a(info.shadowColor ; setInterval(function() {//设置动画 动态变化闪烁灯的亮和灭的显示 var random = Math.ceil(Math.random() * 5) ;//获取5以内一个随机整数 （可以配合我设置的业务属性名称） var shadowName = 'shadowColor' + random, bgName = } }, 1000); }); 值得注意的一点是，虽然我们在 json 中已经绑定了业务属性（这里是“shadowColor1,2,3,4,5...”和“rectBg1,2,3,4,5”
1.9K20发布于 2018-06-05 - 来自专栏网络工程师笔记
网络拓扑自动扫描工具
topology-scanner Topology-Scanner是WeOps团队免费开放的一个网络拓扑自动扫描模块，可以自动发现网络设备的类型、网络设备之间的互联 使用方式 java -jar . 拓扑发现请求参数文件(request.json) ips [全网发现] 模式时，为必填项。核心设备的ip, 多个ip 用逗号隔开。range 参数选填,起过滤作用。 // MD5 AuthSHA // SHA, pwd: 认证密码，根据 safeLevel 级别选填 , encrypt: 加密协议 ，根据 safeLevel 级别选填，必须为以下5者之一 PrivDES // DES 加密 Priv3DES // 拓扑发现运行的参数文件(discovery.properties) 3.设备oid 与设备类型字典文件(systemoid.xml/getterConfig.xml) 为了能更精确的采集网络设备上的各种表
1K30编辑于 2023-10-24 - 来自专栏释然IT杂谈
网络拓扑自动扫描工具
topology-scanner Topology-Scanner是WeOps团队免费开放的一个网络拓扑自动扫描模块，可以自动发现网络设备的类型、网络设备之间的互联 使用方式 java -jar . 拓扑发现请求参数文件(request.json) ips [全网发现] 模式时，为必填项。核心设备的ip, 多个ip 用逗号隔开。range 参数选填,起过滤作用。 // MD5 AuthSHA // SHA, pwd: 认证密码，根据 safeLevel 级别选填 , encrypt: 加密协议 ，根据 safeLevel 级别选填，必须为以下5者之一 PrivDES // DES 加密 Priv3DES // 拓扑发现运行的参数文件(discovery.properties) 3.设备oid 与设备类型字典文件(systemoid.xml/getterConfig.xml) 为了能更精确的采集网络设备上的各种表
1.6K10编辑于 2023-10-19 - 来自专栏HT
基于 HTML5 WebGL 的 3D 网络拓扑图
device2 = createDevice(device2_angle, h[Math.floor(Math.random()*5) dataModel.add(device2); dataModel.add(device2_edge); } 3、连线 HT for Web 提供了默认的直线和多点的连线类型能满足大部分基本拓扑图形应用 edge：当前连线对象； gap：多条连线成捆时，本连线对象对应中心连线的间距； graphView：当前对应拓扑组件对象 quadraticCurveTo，占用 2 个点信息； 4、bezierCurveTo，占用 3 个点信息； 5、
1.7K50发布于 2018-01-03 - 来自专栏hightopo
基于 HTML5 Canvas 绘制的电信网络拓扑图
组合逻辑描述网路功能的体系结构，配置形式描述网路单元的邻接关系，即以交换中心（或节点）和传输链路所组成的拓扑结构。 常见的网络拓扑结构有星型结构、总线结构、环形结构、树形结构、网状结构、混合型拓扑以及蜂窝拓扑结构等，本文的例子主要描绘的是总线型拓扑，在显示上相对其他的结构类型来说更清晰明了，绘制起来也非常容易。 虽然题目起的名字是电信网络拓扑图，几乎所有的拓扑图都能涵盖，例如基本网络图，网络拓扑图，机架图，网络通信图，3D网络图等等。 效果图如下： ? 这个图看起来挺简单的，代码也少，但是内容不少。 我们拿机柜02来说吧，机柜02内部有一个“电脑”与“内部网络交换机”之间有两条连线，那么当我们双击机柜02合并时，实际上就相当于机柜02与“内部网络交换机”之间有两条连线了。 json', cabinet, 185, 450), 'rgb(30,232,178)', -100, true); //参数1 源节点，参数2 终节点，参数3 连线颜色，参数4 连线起始点的水平偏移，参数5
2.3K30发布于 2018-07-09 - 来自专栏用户8739405的专栏
网络拓扑图是什么意思？网络拓扑图有哪些分类？
这个时候就需要使用到网络拓扑结构，使用不同拓扑结构的就会形成网络拓扑图，那么网络拓扑图是什么意思？网络拓扑图有哪些分类？下面小编就为大家来详细介绍一下。 image.png 一、网络拓扑图是什么意思？ 所谓网络拓扑图就是网络节点和通信介质一起构成的网络结构图，其实通俗来说就是不同拓扑结构的展示效果图，网络拓扑图可以清晰地显示各种网络节点设备的位置，以及与其他设备连接在一起的通信介质，毕竟不同的网络拓扑结构连接方式都是一样的 二、网络拓扑图有哪些分类？ 网络拓扑图是由不同的拓扑机构的网络结构图，不同拓扑结构图片也都是不一样的，其中有一些比较有代表性的拓扑结构，分别是：星型结构、环型结构、总线结构、分布式结构、树型结构、网状结构、蜂窝状结构等，不同拓扑结构的特点也是不一样的
5.9K30发布于 2021-07-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号