鍍金池/ 問答/HTML5  HTML/ 用canvas 畫組織結(jié)構(gòu)圖

用canvas 畫組織結(jié)構(gòu)圖

如何運(yùn)用canvas 畫出類似這樣的組織架構(gòu)圖,有什么思路或者案例可參考。結(jié)構(gòu)是不固定的,要根據(jù)后臺返回的數(shù)據(jù)動態(tài)把結(jié)構(gòu)渲染出來。

圖片描述

回答
編輯回答
菊外人

首先要確定最終的數(shù)據(jù)結(jié)構(gòu),是你畫的樹結(jié)構(gòu)還是無序的圖結(jié)構(gòu)。然后根據(jù)后端數(shù)據(jù)寫出 數(shù)據(jù)間 關(guān)系(即連線方式)。后面可以用d3這一類的庫就可以了, 可以參考 D3.JS中樹狀圖的連線樣式

2017年5月12日 23:08