腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

hightopo

专栏作者

186

文章

216775

阅读量

84

订阅数

基于 HTML5 网络拓扑图的快速开发之入门篇（一）

容器 html html5 canvas

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一条线，由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系，是建设计算机网络的第一步，是实现各种网络协议的基础，它对网络的性能，系统的可靠性与通信费用都有重大影响。拓扑在计算机网络中即是指连接各结点的形式与方法；在网络中的工作站和服务器等网络单元抽象为 “点”；网络中的电缆等抽象为 “线”。影响网络性能、系统可靠性、通信费用。拓扑还分为：总线拓扑、星型拓扑、环形拓扑树形拓扑以及网状拓扑。这篇文章写的案例就是总线拓扑中的一个分支，我们一步一步来搭建这个拓扑图形。

2019-06-11

1.5K0

基于 HTML5 WebGL 的 3D 场景中的灯光效果

图像处理容器

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。

2019-06-05

8300

基于 WebGL 的 HTML5 3D SCADA 主站系统顶

html 容器图像处理 html5

这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章算是我对这次项目的一个总结吧。

2019-05-15

9850

基于 HTML5 WebGL 智能城市的模拟运行顶

html 容器 http node.js 图像处理

智能城市建设是一个系统工程：首先实现的是城市管理智能化，由智能城市管理系统辅助管理城市，通过管理系统人们可以监视城市的运行，了解城市每天中发生的变化，以及及时的根据这些变化做出相应的管理；其次是包括智能交通、智能电力、智能安全等基础设施的智能化，交通是一个城市的驱动，交通的畅通加速了城市的发展，通过 Web 可视化的交通管理，可以更及时的了解交通情况，做出处理；智能城市也包括智能医疗、智能家庭、智能教育等社会智能化和智能企业、智能银行、智能商店的生产智能化，从而全面提升城市生产、管理、运行的现代化水平。

2019-05-14

1.8K0

基于HTML5 的互联网+地铁行业

数据库一体机 TData json ide 容器 html

近几年，互联网与交通运输的融合，改变了交易模式，影响着运输组织和经营方式，改变了运输主体的市场结构、模糊了运营与非营运的界限，也更好的实现了交通资源的集约共享，同时使得更多依靠外力和企业推动交通信息化成为可能。互联网交通具有巨大的潜力、发展迅速、生态浩大，需要政府顺势而为，紧跟发展态势，加强引导、转变职能、创新政府管理与市场监管的模式。而城市轨道交通的投资体量巨大，一条线路动辄上百亿元，如何保证投资效益、提升投资管理工作的精确性和可控性是当务之急。应引入“互联网+”思维，研发基于“互联网+”的城市轨道交通系统。在分析现有投资管理存在问题基础上，这里对该系统的应用特点及主要功能进行了深入阐述，旨在完善提高系统的功能分布和用户体验。

2019-03-12

6470

基于 HTML5 结合互联网+ 的 3D 隧道

目前，物资采购和人力成本是隧道业发展的两大瓶颈。比如依靠民间借贷，融资成本很高；采购价格不透明，没有增值税发票；还有项目管控和供应链管理的问题。成本在不断上升，利润在不断下降，隧道产业的“互联网＋”迫在眉睫。隧道业的机械化程度高，机械制造和采购成本非常大，此外，隧道业的发展还面临建筑市场的严峻考验。“互联网+”提供大数据、信息流，为传统隧道企业由机械化向数字化挺进提供了机遇，隧道产业的建设工程需要持续的技术支持，也需要经验分享，如果可以借助互联网整理和分享相关经验，将为隧道产业发展带来智慧动力。

2019-03-12

6710

基于HT for Web的3D树的实现

在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在

2018-07-09

6530

基于 HTML5 的 3D 工控隧道案例

html5 容器存储

隧道的项目我目前是第一次接触，感觉做起来的效果还蛮赞的，所以给大家分享一下。这个隧道项目的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、COVI、微波车检

2018-07-06

7700

WebGL 3D 工业隧道监控实战

前言监控隧道内的车道堵塞情况、隧道内的车祸现场，在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消

2018-07-06

1.2K0

原基于HTML5 Canvas 点击添加

html5 容器 gui html

今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事

2018-07-06

2K0

原快速创建 HTML5 Canvas 电

前言电信网络拓扑图确实实用性很强，最近有个项目是基于这个的，为了写得丰富一点，还加了自动布局已经属性栏部分，不过这个 Demo 真的写得很用心，稍微改改都能直接运用到项目中去，还可以进行数据交互，总之希望能对大家有所帮助。效果图 image.png 拓扑图从上面的效果图中我们可以看到，整个页面分为 3 个部分，左边的 graphView 拓扑图部分，右下角的 tableView 表格部分，以及右上角的 propertyView 属性部分。我们先把整个场景划分出来，然后再向各个部分来添加具体的内容：

2018-06-05

1.4K0

原基于 HTML5 WebGL 的 3D

html 容器 javascript

前言用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最

2018-06-05

1.1K0

没有更多了

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态