jTopo是我在17年用到過的一款繪制拓撲圖的插件,該插件使用yH5 Canvas進行繪制元素以及操作元素,優點在於可實現數據的依賴關系圖形化處理,缺點就是使用canvas有時候會出現一些功能難以實現。除此之外,像現在市面上比較流行的Qunee拓撲圖插件,如果你的資金准備充足建議使用這款產品 ...
使用HTML 制作網絡拓撲圖的方式有主要有Canvas和SVG,Jtopo采用HTML 的Canvas實現,可以使用到Html 的平台 PC,手機,平板 ,免費易用,適用於瀏覽器IE, Firefox, Safari,Chrome等 開發流程: .引入jtopo.js文件 .Canvas標簽定義拓撲圖 .繪制拓撲圖 更多實例官網中都有 ...
2017-07-03 22:15 0 1535 推薦指數:
jTopo是我在17年用到過的一款繪制拓撲圖的插件,該插件使用yH5 Canvas進行繪制元素以及操作元素,優點在於可實現數據的依賴關系圖形化處理,缺點就是使用canvas有時候會出現一些功能難以實現。除此之外,像現在市面上比較流行的Qunee拓撲圖插件,如果你的資金准備充足建議使用這款產品 ...
jTopo(Javascript Topology library)是一款完全基於HTML5 Canvas的關系、拓撲圖形化界面開發工具包。官網:http://www.jtopo.com/ jTopo是免費的,而且文檔是中文的,很容易看懂。你可以基於它進行二次開發,能夠快速創建一些關系圖、拓撲 ...
目前在做的項目是漁政的監控,需要用到的設備包括雷達,光電,站點信息等,想要更直觀的展現設備之間的連接關系和狀態信息,這時候需要畫一張拓撲圖 在做拓撲圖之前,首先要學習一下,html里面另一個比較常用的標簽--<Canvas> <canvas> 標簽定義圖形,通過腳本 ...
jTopo官網:http://www.jtopo.com/ 1、特點: 基於HTML5 Canvas,不依賴其他庫 2、應用: 效果: 源碼github地址 在HTML頁面中引入jtopo.min.js文件,添加一個canvas: 根據自身需求,控制節點 ...
繪制拓撲圖有很多開源的工具,知乎上也有人回答了這個問題: https://www.zhihu.com/question/41026400/answer/118726253 ujtopo是基於jTopo作了一些封裝,適用一些基本的場景 jTopo(Javascript Topology ...
jTopo(Javascript Topology library)是一款完全基於HTML5 Canvas的關系、拓撲圖形化界面開發工具包。jTopo關注於數據的圖形展示,它是面向開發人員的,需要進行二次開發。使用jTopo很簡單,可以快速創建一些關系圖、拓撲等相關圖形化的展示。只要您的數據之間 ...
jTopo是一款 2 D和3D模型展示的插件,不過目前文檔不是很齊全,剛開始看的時候就有點懵了,因為你在網上很難找到jTopo的資料。下面我就介紹一下jTopo 的引用吧。 1、首先在官網上下載到jTopo的包,地址:http://www.jtopo.com/。並在html頁面加以引用 ...
1. 下載JTopo js http://www.jtopo.com/download.html 2. 引入js文件,引入jtopo之前引入jQuery 3. JTopo Demo -- 圓形布局 步驟: 獲取canvas ——> 創建stage ——> 創建scene添加 ...