• 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

    https://hightopo.com/codeeditor/index.html?url=https://hightopo.com/guide/guide/core/beginners/examples/example_styleshape.html

  • 相关阅读:
    harbor两层nginx代理导致push不成功401
    docker hub国内镜像
    iOS越狱后导入照片
    Failed to list *v1.Secret: secrets is forbidden: User "system:node
    Centos设置limit最大打开文件数和最大进程数
    grafana设置主页面板
    MySQL数据库设计规范
    tcp time_wait
    mysqldiff No module named utilities.common.tools
    mongodb 慢查询排查
  • 原文地址:https://www.cnblogs.com/MakeView660/p/12362866.html
Copyright © 2020-2023  润新知