工作需要自定義一個簡單工作流引擎，記錄下
代碼比較簡單使用d3.js svg 畫圖
由於沒怎么規划，代碼略有冗余
布局介紹
如圖：
工具欄懸浮在畫布上
1.左側節點工具欄，設置常用的節點，js里定義節點屬性
2.頂部業務工具欄，可以添加業務按鈕，如保存，加載，編輯等
3.右邊部分可以存放屬性窗口，設置每個業務節點屬性，也可以雙擊彈出層添加業務，根據自己喜好
功能介紹：
1.
選中工具，點擊后可以選中要編輯的節點或者連線
2.
連線工具，連接兩個節點，自動計算節點最近的兩個連接點，作為連線的開始點和結束點
3.
框選工具，選中多個節點
4.
常用節點
畫布功能：
1.拖拽添加節點
2.單擊選中節點
3.對齊輔助線
4.自動調整連接點
5.del刪除選中
預覽效果
基本滿足簡單畫圖使用
還有一些小功能未實現比如
多選復制，多選移動，分組，手動修改連接點 等等，都很簡單有時間在完善