按类别查询搜索结果
关于关键词 的检测结果,共 130
xhload3d | 2018-02-07 09:37:08 | 阅读(2060) | 评论(0)
电信网结构(telecommunication network structure)是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式。组合逻辑描述网路功能的体系结构,配置形式描述网路单元的邻接关系,即以交换中心(或节点)和传输链路所组成的拓扑结构。常见的网络拓扑结构有星型结构、总线结构、环形结构、树形结构、网状结构、混合型拓扑以及蜂窝拓扑结构等,本文主要描绘的是总线型拓扑,在显示上相对其他的结构类型来说更清晰明了,绘制起来也非常容易。【阅读全文】
xhload3d | 2018-02-05 08:10:31 | 阅读(1740) | 评论(0)
服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建 3D 的 SCADA 系统,还要加上鹰眼的部分,如果是纯手工 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼部分只要 1 行代码。。。整个例子只有两百多行代码!【阅读全文】
xhload3d | 2018-01-15 10:00:52 | 阅读(1950) | 评论(0)
上一篇我们创建了一个拓扑场景,所有的代码加上换行和样式,总共也就50行不到的代码,今天我将手把手教你添加树!你会不会动心?因为加上前面的50代码,今天总共也就60行左右的代码,而且超级简单啊!不要错过~【阅读全文】
xhload3d | 2018-01-09 06:18:01 | 阅读(2220) | 评论(0)
拓扑图在计算机网络和电力电信中运用广泛,从今天开始我们就来一步步开发基于 HTML5 网络拓扑图应用,你会知道这有快哦~【阅读全文】
xhload3d | 2017-12-28 06:38:19 | 阅读(2350) | 评论(0)
服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建这个场景还要加上鹰眼的制作,如果是纯 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼只要 1 行代码。。。整个例子只有 200 行左右的代码!【阅读全文】
szuvlgg | 2017-11-07 14:00:34 | 阅读(490) | 评论(0)
大家一听到这个uv软膜喷绘的时候,可能都不是特别的了解,好像比较的专业,当然,不是在这一行业的话,对于UV喷绘这一专有名词,可能大多数人都不是很清楚。其实,UV软膜喷绘,广泛地运用于我们生活的方方面面。街头巷尾,商场超市,仔细一点的话,都可以发现UV软膜喷绘的身影。那到底UV软膜是什么?怎么制作而成?主要的工作用途是什么?带着这些问题,我们一起来看看UV软膜,去深入了解这项工艺背后的秘密: 【阅读全文】
codedq | 2017-08-18 11:21:05 | 阅读(1470) | 评论(0)
Atom 是目前非常流行的编辑器,除了好用小巧的特点,它丰富的插件也给开发者提供了很多的便利性。
Atom 是基于 Electron 开发的,也就是说我们可以通过写 HTML + CSS + JavaScript 的方式来构建我们的桌面应用。【阅读全文】
xhload3d | 2017-05-23 15:33:45 | 阅读(2100) | 评论(0)
很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用HT for Web(http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html)给大家示例。【阅读全文】
xhload3d | 2017-05-18 15:52:43 | 阅读(2070) | 评论(0)
以生活中的服务器和路由器为模型,搭建出设备面板,并增加设备上指示灯闪烁和两个设备之间连线上图元的流动效果。今天我们就在基于HTML5的技术上完成设备面板的搭建。http://www.hightopo.com/demo/blog_tplink_20170511/index.html【阅读全文】
xhload3d | 2017-02-13 08:43:57 | 阅读(2580) | 评论(0)
随着新一轮工业革命兴起,应对气候变化日益成为全球共识,能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国,以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心,发电技术继续沿着大规模、高效率和低成本方向持续进步,中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。【阅读全文】
【HTML5】 使CSS渐变
strayb | 2017-01-05 16:26:12 | 阅读(1120) | 评论(0)
CSS 渐变 是在 CSS3 Image Module 中新增加的  类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果. 用它代替图片,可以加快页面的载入时间、减小带宽占用。同时,因为渐变是由浏览器直接生成的,它在页面缩放时的效果比图片更好,因此你可以更加灵活、便捷的调整页面布局。为...【阅读全文】
拾忆1765207585 | 2016-11-22 09:52:26 | 阅读(1410) | 评论(0)
CSS有一个属性叫Vertical Align。当你第一次学习它的时候会有些困惑,因此我觉得我们可以通过它的用法来了解它。最基本的用法像这样:img{ vertical-align: middle; }注意在这个应用案例中,它被应用到了img元素上。图片通常是行内元素,意味着它通常是和文字在一起的。但是到底”在一起”确切的是什么意思?这...【阅读全文】
xhload3d | 2016-09-27 12:36:36 | 阅读(2060) | 评论(0)
以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT for Web 序列化手册》,用户可将整个拓扑图序列化成字符串的 JSON 格式内容,这样你可以保存到后台数据库,或者后台服务器文件皆可,HT 只是前端的图形组件,不介入后台通讯和存储,反正控制权在你,不收任何约束,可以随心所欲的设计你的网络拓扑图整体系统架构。【阅读全文】
xhload3d | 2016-09-26 13:35:13 | 阅读(1930) | 评论(0)
在前端网页设计中,文本是重要的组成部分,那么在网络拓扑图中也是一样的,文本在网络拓扑图上最基本的显示功能之一,在不同的应用场景下,会有不同的需求。但是不同的需求也逃不过一些基础设置,如位置、旋转、字体、颜色等需求。接下来我们就来详细聊聊 HT for Web 中文本的相关应用。
HT for Web 为网络拓扑图上的节点提供了两个文本,也确实需要两个文本同时存在的情况,比如车站上面的站牌,就有汉字和拼音的组合,如果做一个公交站示意图的话,节点上的两个文本就都用得上了。今天就模拟一个地铁站点和大家一起聊聊网络拓扑图上的文本应用。【阅读全文】
xhload3d | 2016-09-19 01:04:14 | 阅读(2000) | 评论(0)
在前面《电信网络拓扑图自动布局之总线》一文中,我们重点介绍了自定义 EdgeType 的使用,概括了实现总线效果的设计思路,那么今天话题是基于 HT for Web 的曲线布局(ShapeLayout)。

ShapeLayout 从字面上的意思理解,就是根据曲线路径来布局节点,省去手动布局节点的繁琐操作,还能保证平滑整齐地排布,这是手动调整很难做到的。ShapeLayout 结合前面提到的总线,是最普遍的应用。【阅读全文】
xhload3d | 2016-09-05 02:54:24 | 阅读(1930) | 评论(0)
在前面《电信网络拓扑图自动布局》一文中,我们大体介绍了 HT for Web 电信网络拓扑图自动布局的相关知识,但是都没有深入地描述各种自动布局的用法,我们今天在这边就重点介绍总线的具体实现方案。【阅读全文】
xhload3d | 2016-08-22 01:45:47 | 阅读(7170) | 评论(0)
在电信网络拓扑图中,很经常需要用到自动布局的功能,在大数据的层级关系中,通过手工一个一个摆放位置是不太现实的,工作量是相当大的,那么就有了自动布局这个概念,来解放布局的双手,让网络拓扑图能够布局出一个优美的图案,当然在一些复杂的布局中,光有自动布局还是不行的,还是需要手工地做些相应的调整,才能让界面图案更加的完美。今天我们来聊聊电信网络拓扑图 HT for Web 在自动布局上面的相关内容。【阅读全文】
水中残月 | 2016-06-17 19:42:54 | 阅读(1610) | 评论(0)
点击(此处)折叠或打开        canvas上鼠标画图 &n...【阅读全文】
水中残月 | 2016-06-08 16:01:37 | 阅读(3140) | 评论(0)
效果图如下:关键部分都有代码注释,代码如下:点击(此处)折叠或打开        Document &nbs...【阅读全文】
leolmf | 2016-06-03 11:48:33 | 阅读(820) | 评论(0)
主要记录Linux下使用中遇到的问题,应为Windows的node真心不好用1、如何引用全局安装的包    export NODE_PATH=/usr/lib/node_modules/,这样就可以直接require("xxx")    或者require("/usr/lib/node_modules/xxx")2、npm list -g --depth 0    查看全局安装的包,depth指...【阅读全文】