HT for Web图扑入门介绍
HT for Web 构建先进 2D 和 3D 可视化所需要的一切
http://www.hightopo.com/cn-index.html
一套丰富的 JavaScript 界面类库,提供完整的基于 HTML5 图形界面组件库。使用 HT for Web 您可以轻松构建现代化的,跨桌面和移动终端的企业应用,无需担忧跨平台兼容性,及触屏手势交互等棘手问题。
一套监控可视化解决方案,可用于快速创建和部署,高度可定制化,并具有强大交互功能的拓扑图形及表盘图表等应用。HT for Web 非常适用于实时监控系统的界面呈现,广泛应用于电信网络拓扑和设备管理,以及电力、燃气等工业自动化 (HMI/SCADA) 领域。
一套强大的基于 WebGL 技术的 3D 图形引擎。HT for Web 提供了一套独特的 WebGL 层抽象,将 Model–View–Presenter (MVP) 的设计模型延伸应用到了 3D 图形领域。使用 HT for Web 您可更关注于业务逻辑功能,不必将精力投入复杂 3D 渲染和数学等非业务核心的技术细节。
联系官方,申请免费试用版。
ht-for-web-版本号.zip
和类似的JavaScript库(如three.js)一样,包含ht的js库文件,即可使用ht js API开发。
HT目录文件结构: /lib 产品类库目录: ht-api.js 代码注解文件,可引入IDE开发工具帮助代码提示 /core 核心类库目录 ht.js 核心产品包,包含数据模型、通用组件、2D拓扑和3D引擎 /plugin 扩展类库目录 ht-dialog.js 对话框扩展包,提供可弹出和关闭的对话框组件 ht-palette.js 组件面板扩展包,提供可折叠的分类管理组件 ht-contextmenu.js 右键菜单扩展包,提供多级右键菜单组件 ht-menu.js 菜单扩展包,提供工具栏下拉菜单组件 ht-panel.js 面板容器扩展包,提供可容纳任意组件,并可嵌套、拖拽、吸附等功能一体化的容器 ht-rulerframe.js 刻度尺扩展包,提供适配2D拓扑,以及通用组件的刻度尺组件 ht-xeditinteractor.js 编辑交互扩展包,增强拓扑图的编辑交互功能 ht-flow.js 流动扩展包,提供连线和多边形的流动动画效果 ht-dashflow.js 虚线流动扩展包,提供连线和多边形的虚线流动动画效果 ht-htmlnode.js HtmlNode扩展包,增加普通html元素在2D拓扑上的呈现功能 ht-live.js 交互式图元扩展包,在2D拓扑的基础上增加按钮、进度条,组合框等可交互式图元 ht-telecom.js 电信扩展包,包含告警模型,告警渲染和告警传播等功能 ht-autolayout.js 自动布局扩展包,提供多种自动布局算法 ht-forcelayout.js 弹力布局扩展包,提供2D和3D的力导向布局算法 ht-modeling.js 建模扩展包,提供自定义3D建模函数功能 ht-obj.js OBJ扩展包,提供加载OBJ格式的3D模型功能 ht-edgetype.js 连线类型扩展包,提供曲线、折线等多种自定义连线类型 ht-propertypane.js 属性面板扩展包,增强属性组件的可视化排序、过滤和分组功能 ht-form.js 表单扩展包,提供下拉菜单、滑动条和按钮等组件,及具有组件布局功能的表单面板 ht-overview.js 鹰眼扩展包,提供鸟瞰图功能,支持在鹰眼上定位、缩放等导航功能 ht-animation.js 动画扩展包,提供图元任意属性动画变化功能 ht-cssanimation.js CSS动画扩展包,提供对HTML元素的CSS动画操作封装 ht-quickfinder.js 快速查询器扩展包,提供数据容器中指定属性图元的快速查找功能 ht-historymanager.js 撤销和重做扩展包,提供编辑操作所需的撤销重做功能 /jsdoc API文档 /index.html API文档主页面 /guide 开发手册: /core 核心手册目录 /beginners/ht-beginners-guide.html 入门手册 /datamodel/ht-datamodel-guide.html 数据模型手册 /vector/ht-vector-guide.html 矢量手册 /3d/ht-3d-guide.html 3D手册 /theme/ht-theme-guide.html 风格手册 /schedule/ht-schedule-guide.html 调度手册 /position/ht-position-guide.html 位置手册 /shape/ht-shape-guide.html 形状手册 /serialization/ht-serialization-guide.html 序列化手册 /batch/ht-batch-guide.html 批量手册 /lighting/ht-lighting-guide.html 灯光手册 /propertyview/ht-propertyview-guide.html 属性组件手册 /listview/ht-listview-guide.html 列表组件手册 /treeview/ht-treeview-guide.html 树组件手册 /tableview/ht-tableview-guide.html 表格组件手册 /treetableview/ht-treetableview-guide.html 树表组件手册 /toolbar/ht-toolbar-guide.html 工具条组件手册 /splitview/ht-splitview-guide.html 分割组件手册 /borderpane/ht-borderpane-guide.html 边框面板手册 /accordionview/ht-accordionview-guide.html 折叠组件手册 /tabview/ht-tabview-guide.html 页签组件手册 /databinding/ht-databinding-guide.html 数据绑定手册 /debugtip/ht-debugtip-guide.html 调试信息手册 /plugin 扩展手册目录 /autolayout/ht-autolayout-guide.html 自动布局手册 /forcelayout/ht-forcelayout-guide.html 弹力布局手册 /modeling/ht-modeling-guide.html 建模手册 /obj/ht-obj-guide.html OBJ手册 /edgetype/ht-edgetype-guide.html 连线类型手册 /overview/ht-overview-guide.html 鹰眼手册 /propertypane/ht-propertypane-guide.html 属性面板手册 /form/ht-form-guide.html 表单面板手册 /quickfinder/ht-quickfinder-guide.html 快速查询器手册 /animation/ht-animation-guide.html 动画手册 /cssanimation/ht-cssanimation-guide.html CSS动画手册 /htmlnode/ht-htmlnode-guide.html HtmlNode手册 /dialog/ht-dialog-guide.html 对话框手册 /palette/ht-palette-guide.html 组件面板手册 /menu/ht-menu-guide.html 菜单手册 /contextmenu/ht-contextmenu-guide.html 右键菜单手册 /rulerframe/ht-rulerframe-guide.html 刻度尺手册 /xeditinteractor/ht-xeditinteractor-guide.html 编辑交互手册 /flow/ht-flow-guide.html 流动手册 /dashflow/ht-dashflow-guide.html 虚线流动手册 /panel/ht-panel-guide.html 面板手册 /live/ht-live-guide.html 交互式图元手册 /telecom/ht-telecom-guide.html 电信扩展手册 /historymanager/ht-historymanager-guide.html 撤销重做手册
node.js环境搭建web服务,即可开发调试。
ht for web有很多令人惊叹的例子,请访问官网查看学习。
试用版有适用时间限制,到期后会提示到期!请购买正版用于项目开发~
文档中心:https://www.hightopo.com/guide2/index.html
HT API文档:http://www.hightopo.com/guide/doc/index.html
官方提供的学习内容已经足够,从入门到精通。
Demo中心:https://hightopo.com/demos/index.html
在某个demo的网址前面添加:https://hightopo.com/codeeditor/index.html?url=即可进入代码编辑器模式。
如:https://hightopo.com/guide/guide/core/beginners/examples/example_styleshape.html