今天開始我們就從最基礎解析如何構建 HTML5 Canvas 拓撲圖應用,HT 內部封裝了一個拓撲圖形組件 ht.graph.GraphView(以下簡稱 GraphView)是 HT 框架中 2D 功能最豐富的組件,其相關類庫都在 ht.graph 包下。GraphView 具有基本圖形的呈現 ...
在前面 百度地圖 ECharts整合HT for Web網絡拓撲圖應用 我們有介紹百度地圖和HT for Web的整合,我們今天來談談OpenLayers和HT for Web的整合。 HT for Web作為邏輯拓撲圖形組件自身沒有GIS功能,但可以與各種GIS引擎即其客戶端組件進行融合,各取所長實現邏輯拓撲和物理拓撲的無縫融合,本章將具體介紹HT for Web與開發免費的OpenLayers ...
2016-08-08 01:50 1 4357 推薦指數:
今天開始我們就從最基礎解析如何構建 HTML5 Canvas 拓撲圖應用,HT 內部封裝了一個拓撲圖形組件 ht.graph.GraphView(以下簡稱 GraphView)是 HT 框架中 2D 功能最豐富的組件,其相關類庫都在 ht.graph 包下。GraphView 具有基本圖形的呈現 ...
采用 HT 開發網絡拓撲圖非常容易,例如《入門手冊》的第一個小例子麻雀雖小五臟俱全:http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 該例子展示了如何構建兩個節點、一條連線 ...
電信網管系統中,設備狀態信息的實時展示非常重要,通常會掛載一堆圖標來展示狀態或告警信息,圖標的信息量有限,有時需要更詳細的面板,甚至以圖表的形式展現,本文將結合最近客戶提到的需求,使用 Qunee1.6 beta版本,實現拓撲圖中設備信息的實時顯示。 Qunee 中ui 的定制非常靈活,每個 ...
HTML5 中的 Canvas 對文本的渲染(fillText,strokeText)性能都不太好,比如設置字體(font)、文本旋轉(rotation),如果繪制較多的文本時,一些交互操作會手動很大的影響,操作起來沒那么順暢,體驗將會極其差,這不是我們想要的結果,再進一步和圖片的繪制進行比較比較 ...
在數據量很大的2D 場景下,要找到具體的模型比較困難,並且只能顯示出模型的的某一部分,顯示也不夠直觀,這種時候能快速搭建出 3D 場景就有很大需求了。但是搭建 3D 應用場景又依賴於通過 3ds Max 或 Maya 的專業 3D 設計師來建模,Unity 3D 引擎做圖形渲染等,這對用戶來說 ...
前一篇談及到了ECharts整合HT for Web的網絡拓撲圖應用,后來在ECharts的Demo中看到了有關空氣質量的相關報表應用,就想將百度地圖、ECharts和HT for Web三者結合起來也做一個類似空氣質量報告的報表+拓撲圖應用,於是有了下面的Demo: 在這個Demo中 ...
ECharts圖形組件在1.0發布的時候我就已經有所關注,今天在做項目的時候遇到了圖標的需求,在HT for Web上也有圖形組件的功能,但是在嘗試了下具體實現后,發現HT for Web的圖形組件是以矢量的格式來呈現的,在展現上可以有很多的自定義和數據綁定等特性,但是其在交互的設計上就顯得比較 ...