快速開發基於 HTML5 網絡拓撲圖應用1
今天開始我們就從最基礎解析如何構建 HTML5 Canvas 拓撲圖應用，HT 內部封裝了一個拓撲圖形組件 ht.graph.GraphView（以下簡稱 GraphView）是 HT 框架中 2D 功能最豐富的組件，其相關類庫都在 ht.graph 包下。GraphView 具有基本圖形的呈現 ...
原文：前端入門：快速開發基於 HTML5 網絡拓撲圖應用
計算機網絡的拓撲結構是引用拓撲學中研究與大小，形狀無關的點 線關系的方法。把網絡中的計算機和通信設備抽象為一個點，把傳輸介質抽象為一條線，由點和線組成的幾何圖形就是計算機網絡的拓撲結構。網絡的拓撲結構反映出網中各實體的結構關系，是建設計算機網絡的第一步，是實現各種網絡協議的基礎，它對網絡的性能，系統的可靠性與通信費用都有重大影響。拓撲在計算機網絡中即是指連接各結點的形式與方法 在網絡中的工作站和服 ...
2018-01-09 15:14 0 2314 推薦指數：
相關推薦
快速開發基於 HTML5 網絡拓撲圖應用
采用 HT 開發網絡拓撲圖非常容易，例如《入門手冊》的第一個小例子麻雀雖小五臟俱全：http://www.hightopo.com/guide/guide/core/beginners/examples/example_overview.html 該例子展示了如何構建兩個節點、一條連線 ...
基於HTML5的網絡拓撲圖
電信網管系統中，設備狀態信息的實時展示非常重要，通常會掛載一堆圖標來展示狀態或告警信息，圖標的信息量有限，有時需要更詳細的面板，甚至以圖表的形式展現，本文將結合最近客戶提到的需求，使用 Qunee1.6 beta版本，實現拓撲圖中設備信息的實時顯示。 Qunee 中ui 的定制非常靈活，每個 ...
HTML5 網絡拓撲圖性能優化
HTML5 中的 Canvas 對文本的渲染（fillText，strokeText）性能都不太好，比如設置字體（font）、文本旋轉（rotation），如果繪制較多的文本時，一些交互操作會手動很大的影響，操作起來沒那么順暢，體驗將會極其差，這不是我們想要的結果，再進一步和圖片的繪制進行比較比較 ...
基於 HTML5 WebGL 的 3D 網絡拓撲圖
在數據量很大的2D 場景下，要找到具體的模型比較困難，並且只能顯示出模型的的某一部分，顯示也不夠直觀，這種時候能快速搭建出 3D 場景就有很大需求了。但是搭建 3D 應用場景又依賴於通過 3ds Max 或 Maya 的專業 3D 設計師來建模，Unity 3D 引擎做圖形渲染等，這對用戶來說 ...
快速創建 HTML5 Canvas 電信網絡拓撲圖
前言 電信網絡拓撲圖確實實用性很強，最近有個項目是基於這個的，為了寫得豐富一點，還加了自動布局已經屬性欄部分，不過這個 Demo 真的寫得很用心，稍微改改都能直接運用到項目中去，還可以進行數據交互，總之希望能對大家有所幫助。 效果圖 拓撲圖 從上面的效果圖中我們可以看到，整個頁面分為 ...
HTML5 網絡拓撲圖整合 OpenLayers 實現 GIS 地圖應用
在前面《百度地圖、ECharts整合HT for Web網絡拓撲圖應用》我們有介紹百度地圖和 HT for Web 的整合，我們今天來談談 OpenLayers 和 HT for Web 的整合。 HT for Web作為邏輯拓撲圖形組件自身沒有GIS功能，但可以與各種GIS引擎即其客戶端組件 ...