Hightopo - 博客园

摘要：

HT for Web的HTML5树组件有延迟加载的功能，这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用，需要获取数据的时候再向服务器发起请求，这样可减轻服务器压力，同时也减少了浏览器的等待时间，让页面的加载更加流畅，增强用户体验。阅读全文

posted @ 2015-05-03 20:08 Hightopo 阅读(2556) 评论(0) 推荐(0) 编辑

矢量Chart图表嵌入HTML5网络拓扑图的应用

摘要：

使用 HT for Web (以下简称 HT)开发HTML5网络拓扑图开发有 Chart 需求的项目的时候，感觉很痛苦，HT 集成的 Chart 组件中，并不包含有坐标，在展现方面不是很直观，但是也不是没有解决方案，接下来我们就来聊聊具体的解决方案。阅读全文

posted @ 2015-04-28 15:42 Hightopo 阅读(2039) 评论(1) 推荐(1) 编辑

Zip 压缩、解压技术在 HTML5 浏览器中的应用

摘要：

JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中，免不了需要从 web 服务器中获取资源，如果可以将所有的资源都合并到一个 .zip 文件中，这时候只需要做一次请求，这样既减少了服务器的压力，同时也可以加快 web 应用的呈现速度。阅读全文

posted @ 2015-04-12 23:52 Hightopo 阅读(4712) 评论(2) 推荐(1) 编辑

百度地图、ECharts整合HT for Web网络拓扑图应用

摘要：

前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用。阅读全文

posted @ 2015-03-23 01:53 Hightopo 阅读(7631) 评论(3) 推荐(4) 编辑

基于HT for Web的Web SCADA工控移动应用

摘要：

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上移动终端对HTML5支持的普及，越来越多新项目开始采用真正纯HTML5的方案，更具体的说大数据量应用性能高于SVG的Canvas方案，已经逐渐成为当今Web SCADA前端技术的首选标配方案。最近客户采用HT for Web图形界面组件，实现了燃气管网和供水管网等工控SCADA的HMI人机界面，并将系统运行在平板和手机等Android和iOS移动终端，在此我们在技术支持过程中的一些知识点进行些梳理和分享，希望对有志阅读全文

posted @ 2015-03-18 23:28 Hightopo 阅读(5446) 评论(3) 推荐(1) 编辑

ECharts整合HT for Web的网络拓扑图应用

摘要：

ECharts的页面渲染效果和酷炫的用户体验，吸引的不少用户的眼球，将ECharts整合到HT for Web中，和网络拓扑图的交互应用也拟补了目前HT for Web在图像组件上的不足。阅读全文

posted @ 2015-03-16 00:50 Hightopo 阅读(8357) 评论(2) 推荐(2) 编辑

自绘制HT For Web ComboBox下拉框组件

摘要：

传统的HTML5的下拉框select只能实现简单的文字下拉列表，而HT for Web通用组件中ComboBox不仅能够实现传统HTML5下拉框效果，而且可以在文本框和下拉列表中添加自定义的小图标，让整个组件看起来更直观阅读全文

posted @ 2015-03-12 16:53 Hightopo 阅读(999) 评论(0) 推荐(0) 编辑

HT For Web 拓扑图背景设置

摘要：

HT For Web(http://www.hightopo.com/)的HTML5拓扑图组件graphView背景设置有多种途径可选择： 1. divBackground：通过css设置graphView对应的div背景 2. Painter：通过graphView.addBottomPainter(function(g, rect){…})来绘制背景 3. Layer：通过设置graphView.setLayer(['…', '…', '…', …])来将graphView拆分为多个图层，并为各个图层命名，再让不同种类的node通过node.setLayer('…')将node设置到graphView对应图层中阅读全文

posted @ 2015-03-05 22:13 Hightopo 阅读(1849) 评论(0) 推荐(1) 编辑

绘制SVG内容到Canvas的HTML5应用

摘要：

SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接拖拽SVG格式的图片进行显示，只不过普通图片的格式数据为data:image/png类型，而SVG格式的数据类型为data:image/svg+xml的类型，下图为该HT for Web拓扑图拖拽入SVG格式图片的运行效果：阅读全文

posted @ 2015-02-01 15:27 Hightopo 阅读(8977) 评论(1) 推荐(0) 编辑

HT for Web 3D游戏设计设计--汉诺塔（Towers of Hanoi）

摘要：

在这里我们将构造一个基于HT for Web的HTML5+JavaScript来实现汉诺塔游戏。汉诺塔的游戏规则及递归算法分析请参考http://en.wikipedia.org/wiki/Tower_of_Hanoi。知道了汉诺塔的规则和算法，现在就开始创建元素。用HT for Web（http://www.hightopo.com）现有的3D模板创建底盘和3根柱子不是问题，问题是要创建若干个中空的圆盘。一开始的想法是：创建一个圆柱体，将圆柱体的上下两端隐藏，设置柱面的宽度来实现圆盘的效果，经过多次尝试并查阅相关api文档，发现柱面是没有厚度的，改方法不可行。后来在HT for Web自定义3D模型的WebGL应用（http://www.hightopo.com/blog/381.html）受到启发，圆盘的形成就是在xy平面上的一个矩形，根据y轴旋转一周产生的，通过查阅相关阅读全文

posted @ 2015-01-12 18:54 Hightopo 阅读(1190) 评论(0) 推荐(1) 编辑

xhload3d

公告