怎么开发基HTML5网络拓扑图的应用

这篇“怎么开发基HTML5网络拓扑图的应用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“怎么开发基HTML5网络拓扑图的应用”文章吧。用 HT 开发一个网络拓扑图是非常容易的一件事，只需要短短几行代码就能完成一个简单的服务器与客户端的拓扑图：这个例子非常基础，几乎完成了服务器与客户端在拓扑上的所有功能。话不多说，猜猜看这个例子包括 HTML 标签的所有部分总共花了多少行代码？减去空行也就 50 行，我还做了很多样式部分的设计，毕竟给大家看的例子不能太丑嘛~大家可以在 tuputu_jb51.rar 自行下载代码，注意因为有 json 文件，会存在图片跨域问题，需要用 Firefox 或者本地服务器跑起来。我们在最开始就说明一下，HT 是基于 HTML5 标准的企业应用图形界面一站式解决方案，其包含通用组件、拓扑组件和 3D 渲染引擎等丰富的图形界面开发类库，用户只需要引入 ht.js 即可，而且跟别的任何东西完全不冲突，因为 HT 只是声明了一个全局变量 ht，仅此而已。接下来解析代码部分，首先，搭建拓扑图场景：HT 的所有组件的根部都是一个 div，通过 getView() 方法获取，我们在 addToDOM 方法中就用到了这个方法：然后向拓扑场景中添加“服务器”以及“客户端”节点：服务端与客户端的连线？2 行代码搞定！其实 HT 中添加节点的方法非常简单，一般就 2 行代码能结束：先声明实例变量，然后将这个实例变量添加进数据容器中。我们很好奇虚线是怎么做出来的？虚线的形成是搭建在连线之上的，步骤有 3 个：引入 ht-dashflow.js 文件 ;将连线的样式属性 edge.dash.flow 设置为 true；在场景组件中打开虚线流动的开关，这里就是 gv.enableDashFlow(true);是不是非常简单！接下来我们看看怎么设置：这样所有的显示部分就介绍完毕啦~等等，好像还少点什么？对了，我忘了介绍 HT 中的 ht.G 香港云主机roup 类了，顾名思义，就是“组”的意思，组中可以包含很多节点，双击可显示或隐藏组内的所有节点，上面代码有写到，但是我还做了一点小动作，就是组右上角的显示部分，其实就是一个标注，用来提示说明的：我们可以通过 note.position 来改变标注的位置（具体位置信息请参考HT for Web 位置手册），也可以使用 note.offset.x 和 note.offset.y 来改变标注的位置。以上就是关于“怎么开发基HTML5网络拓扑图的应用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注开发云行业资讯频道。

相关推荐: 如何解决xp电脑经常死机的问题

这篇文章给大家分享的是有关如何解决xp电脑经常死机的问题的内容。小编觉得香港云主机挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。【软件方面】第一种情况：第三方软件不兼容想一想自己最近是不是下安装过什么第三方的软件之后，电脑才出现经常死机的情况，把…