用canvas 画组织结构图

Question

如何运用canvas 画出类似这样的组织架构图，有什么思路或者案例可参考。结构是不固定的，要根据后台返回的数据动态把结构渲染出来。

Answer 1

首先要确定最终的数据结构，是你画的树结构还是无序的图结构。然后根据后端数据写出 数据间 关系(即连线方式)。后面可以用d3这一类的库就可以了， 可以参考 D3.JS中树状图的连线样式