HT for Web 3D. HT for modern web and mobile app development. www.hightopo.com
发布时间：2016-12-27 01:18:57
最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶，人们的审美和要求都在不断提高，尤其是在 Web 项目中，还采用老式的数字表格确实也有点落伍了。......【阅读全文】
发布时间：2016-10-18 01:09:54
绘制自定义图形需要制定矢量类型为shape，并通过points的Array数组指定每个点信息， points以[x1, y1, x2, y2, x3, y3, ...]的方式存储点坐标。曲线的多边形可通过segments的Array数组来描述， segment以[1, 2, 1, 3 ...]的方式描述每个线段：
1: moveTo，占用1个点信息，代表一个新路径的起点
2: lineTo，占用1个点信息，代表从上次最后点连接到该点
3: quadraticCurveTo，占用2个点信息，第一个点作为曲线控制点，第二个点作为曲线结束点
4: bezierCurveTo，占用3个点信息，第一和第二个点作为曲线控制点，第三个点作为曲线结束点......【阅读全文】
发布时间：2016-09-30 09:44:58
《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果，例如 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成。不过这个例子中的模型都比较规矩，也就消防栓由一个球 + 圆通构成，这并不意味着 API 只能做简单的模型，《HT for Web 建模手册》中介绍的 HT 建模插件可以让有想象力的同学做出各种不可思议的效果。http://www.hightopo.com/demo/pipeline/index.html ......【阅读全文】
发布时间：2016-09-27 12:36:36
以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤，其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用，如果需要数据存储可参考《HT for Web 序列化手册》，用户可将整个拓扑图序列化成字符串的 JSON 格式内容，这样你可以保存到后台数据库，或者后台服务器文件皆可，HT 只是前端的图形组件，不介入后台通讯和存储，反正控制权在你，不收任何约束，可以随心所欲的设计你的网络拓扑图整体系统架构。......【阅读全文】
发布时间：2016-09-26 13:35:13
在前端网页设计中，文本是重要的组成部分，那么在网络拓扑图中也是一样的，文本在网络拓扑图上最基本的显示功能之一，在不同的应用场景下，会有不同的需求。但是不同的需求也逃不过一些基础设置，如位置、旋转、字体、颜色等需求。接下来我们就来详细聊聊 HT for Web 中文本的相关应用。
HT for Web 为网络拓扑图上的节点提供了两个文本，也确实需要两个文本同时存在的情况，比如车站上面的站牌，就有汉字和拼音的组合，如果做一个公交站示意图的话，节点上的两个文本就都用得上了。今天就模拟一个地铁站点和大家一起聊聊网络拓扑图上的文本应用。......【阅读全文】
