基於HTML5的網絡拓撲圖
電信網管系統中，設備狀態信息的實時展示非常重要，通常會掛載一堆圖標來展示狀態或告警信息，圖標的信息量有限，有時需要更詳細的面板，甚至以圖表的形式展現，本文將結合最近客戶提到的需求，使用 Qunee1.6 beta版本，實現拓撲圖中設備信息的實時顯示。 Qunee 中ui 的定制非常靈活，每個 ...
原文：基於HTML5的拓撲圖編輯器（2）
繼續來說編輯器的需求， 前面 介紹了拖拽創建節點 以及連線的方法，並加入到了其后的 Qunee 類庫，實際應用中需要更多功能，Qunee 的拓撲圖編輯器也在逐漸完善，一方面增加多種編輯交互，一方面提供數據導入導出，同時也在摸索編輯器的整體界面設計和前端開發框架 拖拽創建節點 延續之前提供的功能，增加更多可配置選項 可設置節點類型，樣式和屬性 ，支持按住shift快捷鍵，直接拖入到分組內 新增多種 ...
2014-09-11 08:48 4 2526 推薦指數：
相關推薦
python生成組織架構圖(網絡拓撲圖、graph.editor拓撲圖編輯器)
Graph.Editor是一款基於HTML5技術的拓補圖編輯器，采用jquery插件的形式，是Qunee圖形組件的擴展項目，旨在提供可供擴展的拓撲圖編輯工具， 拓撲圖展示、編輯、導出、保存等功能，此外本項目也是學習HTML5開發，構建WebAPP項目的參考實例。 請訪問此地址查看 ...
快速開發基於 HTML5 網絡拓撲圖應用1
今天開始我們就從最基礎解析如何構建 HTML5 Canvas 拓撲圖應用，HT 內部封裝了一個拓撲圖形組件 ht.graph.GraphView（以下簡稱 GraphView）是 HT 框架中 2D 功能最豐富的組件，其相關類庫都在 ht.graph 包下。GraphView 具有基本圖形的呈現 ...
快速開發基於 HTML5 網絡拓撲圖應用
、以及一個 Group 的組合效果。結合 《數百個 HTML5 例子學習 HT 圖形組件 – 拓撲圖篇》可以 ...
HTML5 網絡拓撲圖性能優化
HTML5 中的 Canvas 對文本的渲染（fillText，strokeText）性能都不太好，比如設置字體（font）、文本旋轉（rotation），如果繪制較多的文本時，一些交互操作會手動很大的影響，操作起來沒那么順暢，體驗將會極其差，這不是我們想要的結果，再進一步和圖片的繪制進行比較比較 ...
基於 HTML5 WebGL 的 3D 網絡拓撲圖
在數據量很大的2D 場景下，要找到具體的模型比較困難，並且只能顯示出模型的的某一部分，顯示也不夠直觀，這種時候能快速搭建出 3D 場景就有很大需求了。但是搭建 3D 應用場景又依賴於通過 3ds ...
HTML5 （canvase）拓撲圖、關系圖及vis.js關系圖的使用
HTML5 （canvase）拓撲圖、關系圖： http://www.jtopo.com/demo/layout-circle.html vis.js網址： https://visjs.org/ vue項目中的使用： 1、npm install vis 2、在關系圖 ...