在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

圖片描述

回答
編輯回答
菊外人

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

2017年5月12日 23:08