在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。

今天，給大家介紹一款開源的白板工具，支持多種類型圖！

關注微信公眾號：【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陳序員】，回覆【開源項目交流羣】進羣，或者通過公眾號下方的菜單添加個人微信，並備註【開源項目交流羣】，通過後拉你進羣。

大家的點贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點贊轉發支持下，謝謝！