基於HTML5的網絡拓撲圖
電信網管系統中，設備狀態信息的實時展示非常重要，通常會掛載一堆圖標來展示狀態或告警信息，圖標的信息量有限，有時需要更詳細的面板，甚至以圖表的形式展現，本文將結合最近客戶提到的需求，使用 Qunee1.6 beta版本，實現拓撲圖中設備信息的實時顯示。 Qunee 中ui 的定制非常靈活，每個 ...
原文：基於 HTML5 WebGL 的 3D 網絡拓撲圖
在數據量很大的 D 場景下，要找到具體的模型比較困難，並且只能顯示出模型的的某一部分，顯示也不夠直觀，這種時候能快速搭建出 D 場景就有很大需求了。但是搭建 D 應用場景又依賴於通過 ds Max 或 Maya 的專業 D 設計師來建模，Unity D 引擎做圖形渲染等，這對用戶來說都是挑戰 不過，HT 一站式的提供了從建模到渲染，包括和 D 組件呈現和數據融合的一站式解決方案。HT 基於 We ...
2017-06-30 12:48 0 6816 推薦指數：
相關推薦
HTML5 網絡拓撲圖性能優化
HTML5 中的 Canvas 對文本的渲染（fillText，strokeText）性能都不太好，比如設置字體（font）、文本旋轉（rotation），如果繪制較多的文本時，一些交互操作會手動很大的影響，操作起來沒那么順暢，體驗將會極其差，這不是我們想要的結果，再進一步和圖片的繪制進行比較比較 ...
快速開發基於 HTML5 網絡拓撲圖應用1
今天開始我們就從最基礎解析如何構建 HTML5 Canvas 拓撲圖應用，HT 內部封裝了一個拓撲圖形組件 ht.graph.GraphView（以下簡稱 GraphView）是 HT 框架中 2D 功能最豐富的組件，其相關類庫都在 ht.graph 包下。GraphView 具有基本圖形的呈現 ...
快速開發基於 HTML5 網絡拓撲圖應用
采用 HT 開發網絡拓撲圖非常容易，例如《入門手冊》的第一個小例子麻雀雖小五臟俱全：http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 該例子展示了如何構建兩個節點、一條連線 ...
基於HTML5和WebGL的3D網絡拓撲結構圖
現在，3D模型已經用於各種不同的領域。在醫療行業使用它們制作器官的精確模型；電影行業將它們用於活動的人物、物體以及現實電影；視頻游戲產業將它們作為計算機與視頻游戲中的資源；在科學領域將它們作為化合物的精確模型；建築業將它們用來展示提議的建築物或者風景表現；工程界將它們用於設計新設備、交通工具、結構 ...
基於HTML5和WebGL的3D網絡拓撲結構圖
現在，3D模型已經用於各種不同的領域。在醫療行業使用它們制作器官的精確模型；電影行業將它們用於活動的人物、物體以及現實電影；視頻游戲產業將它們作為計算機與視頻游戲中的資源；在科學領域將它們作為化合物的精確模型；建築業將它們用來展示提議的建築物或者風景表現；工程界將它們用於設計新設備、交通工具、結構 ...
基於HTML5的3D網絡拓撲樹呈現
在HT for Web中2D和3D應用都支持樹狀結構數據的展示，展現效果各異，2D上的樹狀結構在展現層級關系明顯，但是如果數據量大的話，看起來就沒那么直觀，找到指定的節點比較困難，而3D上的樹狀結構在展現上配合HT for Web的彈力布局組件會顯得比較直觀，一眼望去可以把整個樹狀結構數據 ...