五種網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu) 用HTML CSS JS如何動(dòng)態(tài)繪制網(wǎng)絡(luò)拓?fù)鋱D?
用HTML CSS JS如何動(dòng)態(tài)繪制網(wǎng)絡(luò)拓?fù)鋱D?1. 所有應(yīng)用系統(tǒng)、服務(wù)器信息和系統(tǒng)直接調(diào)用都輸入數(shù)據(jù)庫(kù)2。前端拓?fù)鋱D或系統(tǒng)調(diào)用關(guān)系圖的顯示界面可以通過(guò)一些選項(xiàng)從數(shù)據(jù)庫(kù)中檢索數(shù)據(jù),然后在界面上動(dòng)態(tài)繪制
用HTML CSS JS如何動(dòng)態(tài)繪制網(wǎng)絡(luò)拓?fù)鋱D?
1. 所有應(yīng)用系統(tǒng)、服務(wù)器信息和系統(tǒng)直接調(diào)用都輸入數(shù)據(jù)庫(kù)
2。前端拓?fù)鋱D或系統(tǒng)調(diào)用關(guān)系圖的顯示界面可以通過(guò)一些選項(xiàng)從數(shù)據(jù)庫(kù)中檢索數(shù)據(jù),然后在界面上動(dòng)態(tài)繪制關(guān)系圖
3。例如,html5canvas或基于html5canvas的jtopo和SVG可以很好地繪制這種圖。
用javascript如何自動(dòng)生成網(wǎng)絡(luò)拓?fù)鋱D?
原則上,這不是很難。問題是瀏覽器的性能。
目前,瀏覽器中有幾種圖形:
即:VML、SVG、flash、ActiveX。
Firebox:SVG、flash、自定義插件。
我推薦SVG。這種兼容性更好
!如果需要自動(dòng)搜索當(dāng)前網(wǎng)絡(luò)的結(jié)構(gòu),當(dāng)然可以掃描當(dāng)前網(wǎng)絡(luò)的IP地址。JS不能直接做。掃描后臺(tái)Java程序,然后返回JS。您還可以在后臺(tái)運(yùn)行smnp來(lái)獲取交換機(jī)、路由器和其他支持此協(xié)議的設(shè)備的信息。
希望對(duì)您有所幫助
javascript有哪些畫拓?fù)鋱D的開源組件?
有很多,基本上是基于HTML5的畫布對(duì)象的擴(kuò)展。這里推薦兩種,例如:1Vis.js公司
官方網(wǎng)站:http://vis.js
說(shuō)明:通用圖形組件不僅用于繪制網(wǎng)絡(luò)拓?fù)?,還用于基于時(shí)間軸、graph2d和graph3d的各種繪圖功能。
2。Jtopo
官方網(wǎng)站:http://www.jtopo.com
d3.js實(shí)現(xiàn)簡(jiǎn)單的網(wǎng)絡(luò)拓?fù)鋱D實(shí)例代碼?
1。所有應(yīng)用系統(tǒng)、服務(wù)器信息和系統(tǒng)直接調(diào)用都被輸入數(shù)據(jù)庫(kù)。2前端拓?fù)鋱D或系統(tǒng)調(diào)用圖的顯示界面可以通過(guò)一些選項(xiàng)3從數(shù)據(jù)庫(kù)中下載。例如,html5canvas或基于html5canvas的jtopo和SVG可以很好地繪制這種圖。