网络拓扑

快速开发基于HTML5网络拓扑图应用的详解(图文)
JavaScript

快速开发基于HTML5网络拓扑图应用的详解(图文)

183 0

该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分:123456789101112131415161718192021222324252627// init data modelhello = new ht.Node();hello.setPosition(60, 140); hello.setName('Hello');hello.setStyle

HTML5网络拓扑图性能优化的图文详解
JavaScript

HTML5网络拓扑图性能优化的图文详解

138 0

HTML5 中的 Canvas 对文本的渲染(fillText,strokeText)性能都不太好,比如设置字体(font)、文本旋转(rotation),如果绘制较多的文本时,一些交互操作会手动很大的影响,操作起来没那么顺畅,体验将会极其差,这不是我们想要的结果,再进一步和图片的绘制进行比较比较,你会发现,绘制图片和绘制文本在性能上不是一个等级的,在性能上绘制图片会好太多。我们今天就来谈谈 HT for Web 性能相关的问题。在 HT 中,有很多地方可以设置文本,每个节点上面都可以设置两个 label