俗話說，一圖勝千言，一張小小的圖片可以替代大段的文字說明，更可以形象直觀地描述業務流程、展示算法...，下面給大家帶來幾款我最近收藏的開源在線繪圖工具。
Ant Design Pro
項目地址：https://github.com/ant-design/ant-design-pro
Ant Design Pro流程圖編輯器
Ant Design Pro是螞蟻開源的一款開箱即用的中臺前端/設計解決方案。在其預覽網站里圖形編輯器下有流程圖、腦圖、拓撲編輯器，大廠出品，界面相當美觀，功能實用但不夠強大，可以選擇集成到自己的項目中作為一個在線繪圖工具。集成時，這個工具可擴展性很多：擴展畫布左側節點類型（節點為圖片）；擴展流程圖保存，版本控制，版本比對；動態調整畫布中節點大小等。
wookteam
項目地址：https://gitee.com/aipaw/wookteam
WorkTeam在線流程圖
WookTeam在線思維導圖
WookTeam在線任務甘特圖
WookTeam是一款php語言編寫的輕量級的全部開源的在線團隊協作工具，提供在線思維導圖、在線流程圖、在線任務甘特圖，此外還有各類文檔工具、項目管理、任務分發，知識庫管理等工具。前端框架采用的是Vue 2.0 + Iview UI。這款工具界面美觀，功能豐富，唯一一點就是對PHPer友好，JAVA開發者集成轉換時需要一定的工作量。
mxGraph
項目地址：https://segmentfault.com/a/1190000018510996
mxGraph包含一個用JavaScript編寫的客戶端軟件，以及一系列用于各種語言的后端（可以是Java，PHP，.NET）。客戶端軟件是一個圖形組件，帶有一個可選的應用程序包裝程序，該程序包裝程序已集成到現有的Web界面中。客戶端需要Web服務器將所需的文件傳遞到客戶端，或者可以在沒有Web服務器的情況下從本地文件系統運行。這個工具引入方便，界面功能強大，組件也相對豐富，和下面提到的JSPlumb各有千秋，可以導出為xml文件，也可以保存為圖片。缺點是文檔不夠友好，沒有中文文檔，英文基礎差的同學上手難度大，相對 jsPlumb 不能使用 css 自定義節點樣式，完全通過 js 完成，比較麻煩。
Visor.js
項目地址：https://gitee.com/zhouyig/Visor.js
Visor.js示意圖
Visor.js 是基于JQUERYY的，在Canvas上制作在線繪圖應用的核心基礎文件，它支持鼠標的拖拽移動、伸縮、旋轉和各種事件。這個輪子，功能強大，控件豐富，可擴展性強，支持單獨頁面預覽，開發文檔充分，有一定的社區支持；缺點也是明顯的，個人開發提交代碼不持續，最近一次提交是兩年前了，還有就是頁面不夠美觀大氣，沒有與時俱進。還是不錯的工具，熟悉JQUERYY的小伙伴可以快速上手，感興趣的可以重寫一下頁面，使之更加美觀，挑戰也是不小：）。
VFD(VUE FLOW DESIGN)
項目地址：https://gitee.com/yjblogs/VFD
VFD基于Vue + Ant Design Vue + JSPlumb，作為一款流程設計器組件，可作為流程圖、泳道圖等繪圖工具，面板組件布局合理，功能強大，操作方便快捷（可拖拽且快捷鍵豐富），保存后為一段json數據，便于保存及控制版本，也可保存為圖片，安裝使用方便，集成難度較小，有交流群。缺點是演示網站掛掉了，只可以通過圖片一覽真容。
easy-flow
項目地址：https://gitee.com/xiaoka2017/easy-flow
easy-flow示例圖
easy-flow示例圖
easy-flow是一款基于 VUE+ElementUI+JsPlumb 的流程設計器，通過 vuedraggable 插件來實現節點拖拽。支持拖拽編輯，連線自定義，加載給定數據，支持力導圖...與上面介紹的VFD近乎同樣的技術棧，頁面樣式更加美觀，同時，集成難度較小，雖然功能較少，但可擴展性性強，持續更新也是一大亮點，有交流群，社區也較活躍。
Le5le-topology
項目地址：https://www.oschina.net/p/topology?hmsr=aladdin1e1
Le5le-topology 是一個開源易擴展方便集成的可視化在線繪圖工具，使用 Canvas + Typescript實現。采用引擎 + 圖形庫中間件的思路能夠方便、快速地擴展、集成到前端項目。可用于微服務架構圖、流程圖/活動圖/時序圖/類圖、拓撲圖、思維導圖/腦圖、動畫、音頻/視頻等。分層架構設計，插件輕量，且具有較好的性能，方便導入導出，可以保存為圖片或是SVG文件，支持在線制作云存儲多端分享。最厲害的是有一定的動畫特效，更加便于展示業務流程及數據走向。社區強大，幫助文檔及教程特多，交流群豐富，對未來有明確的規劃。不僅僅是一個繪圖工具，更是一個強大的豐富的圖庫平臺。
總結：以上幾款在線繪圖工具，各有特點，有界面美觀的，有大廠出品的，有功能極其豐富的，有擴展性極強的，但大部分都集成容易方便上手，感興趣的同學可以根據自己的需要進行集成。
