在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。
今天，給大家介紹一款開源的白板工具，支持多種類型圖！
關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。
項目介紹
drawnix —— 一款開源的、基於 React 實現的白板工具（SaaS），實現一體化白板功能，包含自由畫、思維導圖、流程圖等。
功能特色：
- 白板功能：支持無限畫布，支持縮放、滾動操作，提供畫筆進行自由繪畫
- 編輯特性：提供撤銷、重做、複製、粘貼等常見編輯功能
- 導入導出：支持導入導出功能，還支持導出畫布為圖片
- 自動保存：實時自動將畫布內容保存到瀏覽器緩存中，防止數據丟失
- 思維導圖和流程圖：支持繪製思維導圖和流程圖，滿足不同的可視化需求
- 主題模式：提供多種畫布主題模式
- 插件功能：提供 Mermaid 語法轉流程圖和 Markdown 文本轉思維導圖的插件功能
工具截圖
- 自由畫布
- 流程圖
- 思維導圖
- Mermaid 語法轉流程圖
- Markdown 文本轉思維導圖
- 其他主題模式
本地開發
依賴 Node.js 環境。
1、下載源碼
git clone https://github.com/plait-board/drawnix.git
2、進入項目目錄並安裝依賴
cd drawnix
npm install
3、啓動服務
npm run start
4、服務啓動成功後，瀏覽器訪問
http://localhost:7200/
5、打包部署
npm run build
將打包好的 dist 文件夾上傳到服務器，並使用 Nginx 進行部署。
可以説，drawnix 是一個功能豐富、開源免費的白板工具，具有良好的可擴展性和用户體驗。快去試試吧~
項目地址：https://github.com/plait-board/drawnix
最後
推薦的開源項目已經收錄到 GitHub 項目，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者訪問網站，進行在線瀏覽：
https://chencoding.top:8090/#/
我創建了一個開源項目交流羣，方便大家在羣裏交流、討論開源項目。
但是任何人在羣裏打任何廣告，都會被 T 掉。
如果你對這個交流羣感興趣或者在使用開源項目中遇到問題，可以通過如下方式進羣：
關注微信公眾號：【Java陳序員】，回覆【開源項目交流羣】進羣，或者通過公眾號下方的菜單添加個人微信，並備註【開源項目交流羣】，通過後拉你進羣。
大家的點贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點贊轉發支持下，謝謝！
