快速开发基于 HTML5 网络拓扑图应用1
今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用，HT 内部封装了一个拓扑图形组件 ht.graph.GraphView（以下简称 GraphView）是 HT 框架中 2D 功能最丰富的组件，其相关类库都在 ht.graph 包下。GraphView 具有基本图形的呈现 ...
原文：前端入门：快速开发基于 HTML5 网络拓扑图应用
计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点 线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一条线，由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的形式与方法 在网络中的工作站和服 ...
2018-01-09 15:14 0 2314 推荐指数：
相关推荐
快速开发基于 HTML5 网络拓扑图应用
采用 HT 开发网络拓扑图非常容易，例如《入门手册》的第一个小例子麻雀虽小五脏俱全：http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 该例子展示了如何构建两个节点、一条连线 ...
基于HTML5的网络拓扑图
电信网管系统中，设备状态信息的实时展示非常重要，通常会挂载一堆图标来展示状态或告警信息，图标的信息量有限，有时需要更详细的面板，甚至以图表的形式展现，本文将结合最近客户提到的需求，使用 Qunee1.6 beta版本，实现拓扑图中设备信息的实时显示。 Qunee 中ui 的定制非常灵活，每个 ...
HTML5 网络拓扑图性能优化
HTML5 中的 Canvas 对文本的渲染（fillText，strokeText）性能都不太好，比如设置字体（font）、文本旋转（rotation），如果绘制较多的文本时，一些交互操作会手动很大的影响，操作起来没那么顺畅，体验将会极其差，这不是我们想要的结果，再进一步和图片的绘制进行比较比较 ...
基于 HTML5 WebGL 的 3D 网络拓扑图
在数据量很大的2D 场景下，要找到具体的模型比较困难，并且只能显示出模型的的某一部分，显示也不够直观，这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模，Unity 3D 引擎做图形渲染等，这对用户来说 ...
快速创建 HTML5 Canvas 电信网络拓扑图
前言 电信网络拓扑图确实实用性很强，最近有个项目是基于这个的，为了写得丰富一点，还加了自动布局已经属性栏部分，不过这个 Demo 真的写得很用心，稍微改改都能直接运用到项目中去，还可以进行数据交互，总之希望能对大家有所帮助。 效果图 拓扑图 从上面的效果图中我们可以看到，整个页面分为 ...
HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用
在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合，我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件 ...