利用canvas繪畫二級樹形結構圖

上週須要作一個把頁面左側列表內容拖拽到右側區域，而且繪製成關係樹的功能。 看了設計圖，第一反應是用canvas繪製關係線。 吭哧吭哧搞定這個功能後，發現用canvas繪圖，有一個很嚴重的缺陷。那就是若是左側關係特別多，須要繪製成百上千條時，而canvas畫布的寬高在寫dom的時候就已聲明。關係不少的狀況下，沒法使用canvas。 不過仍是記錄一下研究成果。 下面是設計圖： css 作出效果以下：h

>>阅读原文<<