HMI

快速开发基于 HTML5 网络拓扑图应用

我们两清 提交于 2019-12-06 17:51:45
采用 HT 开发网络拓扑图非常容易,例如《 入门手册 》的第一个小例子麻雀虽小五脏俱全: http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 该例子展示了如何构建两个节点、一条连线、以及一个 Group 的组合效果。结合 《 数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇 》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分: // init data model hello = new ht.Node(); hello.setPosition(60, 140); hello.setName('Hello'); hello.setStyle('note', 'I love HT'); hello.setStyle('note.background', '#FFA000'); dataModel.add(hello); world = new ht.Node(); world.setPosition(260, 80); world.setName('World'); world.setStyle('note', 'HT for your imagination'); world.setStyle(