Drawnix 開源白板指南思維導圖、流程圖、自由畫一個畫布全搞定【免費下載鏈接】drawnix開源白板工具SaaS一體化白板包含思維導圖、流程圖、自由畫等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.項目地址: https://gitcode.com/GitHub_Trending/dr/drawnix上周周會我在白板上畫狀態遷移圖拖了兩遍還是歪的維護腦圖又得切去另一個工具。Drawnix 是一個免費的開源白板思維導圖、流程圖、自由畫都畫在同一個畫布上。 把 Mermaid 代碼變成能拖的流程圖你寫好一段 Mermaid 代碼不確定排版出來好不好看。Drawnix 讓你把代碼貼進對話框生成的就是普通的流程圖節點隨便拖、隨便改顏色字號。它們和你手畫的節點是同一種東西可以用箭頭連到已有節點也能整塊拖走。省掉了先用預覽工具出圖、再以圖片形式貼進來、從此不可編輯的一步。點頂部工具欄的“”在對話框里貼入 Mermaid 代碼確認后節點就落在畫布上。想看轉換邏輯去 ttd-dialog/ 和 shape-picker.tsx 找。流程圖常由代碼畫腦圖卻更多是從現成文字轉出來的。? Markdown 轉思維導圖一鍵出圖大綱式寫好的文檔想要張腦圖放到評審會里。把 Markdown 貼進輸入框層級變成節點縮進變成分支深度。省掉逐個畫節點、手動對齊縮進的工作。打開 Markdown 轉換對話框粘貼文本確認腦圖就在畫布上了。截圖里腦圖和架構圖并排、箭頭相連就是這種場景。腦圖節點的擴展邏輯在 with-mind-extend.tsx。畫結構還不夠時直接拿畫筆補上幾筆。白板自由畫線條怎么畫得平滑切到畫筆工具筆尖跟著鼠標走線條自動平滑畫得快也不會有明顯的鋸齒感。預設筆觸自帶手寫質感和白板的隨性氣質很搭。省掉的是你反復重畫“看著別扭”那幾筆的時間。點工具欄的畫筆圖標在面板里挑一個預設筆觸就能開畫。想深挖平滑算法freehand/ 里生成和順滑的實現都有。畫完了接下來要考慮的是怎么把成果帶走。畫完如何把白板存成圖片點右上角導出可選 PNG 圖片或.drawnix文件。前者直接進 PPT 和文檔后者能在 Drawnix 里完整還原現場。省掉了截圖裁剪、丟細節的麻煩。打開導出對話框選格式下載即可。落盤邏輯在 filesystem.ts。平時畫的過程中不需要手動保存內容會自動存進瀏覽器緩存換個深色背景也是頂欄一次點擊的事。想動手試git clone https://gitcode.com/GitHub_Trending/dr/drawnix再跑npm install和npm run start。如果你只是偶爾畫張腦圖先翻翻 README.md 里的特性清單足夠你上手。【免費下載鏈接】drawnix開源白板工具SaaS一體化白板包含思維導圖、流程圖、自由畫等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.項目地址: https://gitcode.com/GitHub_Trending/dr/drawnix創作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考