需求描述

一、節(jié)點樣式：
1. 頂層節(jié)點與下層節(jié)點顏色樣式不同；
2. 特定節(jié)點會帶有一個特定圖標(biāo)。

二、節(jié)點樹布局規(guī)則：
1. 一塊canvas畫布支持?jǐn)[放多個樹狀結(jié)構(gòu)（節(jié)點樹），樹按行排布，有多行；
2. 單個樹內(nèi)部節(jié)點居中；
3. 多個樹整體靠左排列。

三、節(jié)點相關(guān)交互：
1.節(jié)點文字編輯：雙擊節(jié)點可編輯文字，節(jié)點寬固定，高度隨著輸入文字的增多而增加（無上限）；
2.常規(guī)方式生成子節(jié)點：鼠標(biāo)點擊選中一個節(jié)點，右鍵菜單/點擊新建子節(jié)點按鈕/回車按鈕，生成一個該節(jié)點的子節(jié)點；
3.拖拽節(jié)點吸附方式生成子節(jié)點：用鼠標(biāo)拖拽節(jié)點，靠近目標(biāo)節(jié)點時會提示吸附成功的效果，若吸附成功，該節(jié)點及其全部子節(jié)點作為整體成為目標(biāo)節(jié)點的子節(jié)點。若未吸附成功就不發(fā)生任何改變；

四、連線功能：
1.非父子關(guān)系（因果關(guān)系）連線：鼠標(biāo)點擊選中一個節(jié)點，點擊一個連線按鈕，會生成一根線，通過該線連接到其他節(jié)點。
注：父子節(jié)點間的連線，在生成子節(jié)點時自動繪制，不能通過手動連線。

五、整體布局：
1. 一共四行樹（每行多顆樹），行的高度隨樹的層級增加而增加，四行整體超出頁面會有滾動條；
2. 行的寬度，隨著樹的增加而增加，超出頁面寬度會有滾動條，整體畫布寬度與最寬的行保持一致。
3. 在特定行空白區(qū)域右鍵菜單新建/雙擊左鍵，會新增節(jié)點，節(jié)點出現(xiàn)在鼠標(biāo)停留的行。

六、全屏和縮放
1. 在畫布中點擊全屏，全屏下的畫布初始高和全屏前保持一致。獲取可視化窗口的寬，如果大于畫布的寬，畫布的寬變?yōu)榭梢暬翱诘?00%寬。反之畫布的寬大于可視化窗口的寬，會產(chǎn)生滾動條。
2. 放大：初始畫布是1.0倍，按比例放大，是整個畫布區(qū)域放大（四行每行區(qū)域?qū)挾炔蛔?；縮?。喊幢壤s小，是整個畫布區(qū)域縮?。ㄋ男忻啃袇^(qū)域?qū)挾炔蛔?，且每行區(qū)域有最小高度）。

七、撤銷、恢復(fù)
1. 無操作時，撤銷、恢復(fù)是灰色的，無法使用的；
2. 畫布如果有新操作時，撤銷變成黑色可使用。點擊了撤銷，恢復(fù)才生效，撤銷了幾步，恢復(fù)就有多少步；
3. 撤銷恢復(fù)堆棧最多保留10個操作。