天天看點

3D拓撲自動布局之Web Workers篇

2D拓撲的應用在電信網管和電力SCADA領域早已習以為常了,随着OpenGL特别是WebGL技術的普及,3D方式的資料可視化也慢慢從佛殿神堂步入了尋常百姓家,似乎和最近高檔會所被整改為普通茶館是一樣的節奏。

3D拓撲自動布局之Web Workers篇
3D拓撲自動布局之Web Workers篇
3D拓撲自動布局之Web Workers篇

以下是頁面部分的代碼,通過new Worker('workderjs')建構Worker背景運作對象,通過worker.addEventListener('message', ..)監聽背景自動布局後派發的圖元位置資訊進行更新,通過worker.postMessage(info)發送界面拖拽圖元位置變化資訊。

以下是背景Work.js的代碼,通過importScripts("ht.js")引入HT核心包,通過importScripts("ht-forcelayout.js")引入HT的彈力布局插件,通過importScripts("util.js")引入和頁面代碼共享的一些通用函數,通過self.postMessage({result: result})發送自動布局運算結果推送到頁面,通過

self.addEventListener('message', ...)監聽頁面發過來的位置變化資訊,進而實作了前背景的互通。

  

繼續閱讀