excalidraw

Excalidraw 編輯器 |部落格 |文檔 | Excalidraw+

一款開源的虛擬手繪風格白板。
協作和端對端加密。

建立漂亮的手繪圖、線框圖或任何您喜歡的內容。

特徵

Excalidraw 編輯器（npm 套件）支援：

• ？免費且開源。
• ？無限的、基於畫布的白板。
• ✍️類似手繪的風格。
• ？深色模式。
• 可客製化。
• ？圖片支援。
• ？形狀庫支援。
• ？在地化 (i18n) 支援。
• ?️ 匯出到 PNG、SVG 和剪貼簿。
• ？開放格式 - 將繪圖匯出為.excalidraw json 檔案。
• ⚒️ 多種工具 - 長方形、圓形、菱形、箭頭、線條、自由繪製、橡皮擦...
• ➡️ 箭頭綁定和標記箭頭。
• ？撤銷/重做。
• ？縮放和平移支援。

Excalidraw.com

excalidraw.com 上託管的應用程式是您可以使用 Excalidraw 建立的內容的最小展示。它的原始程式碼也是該儲存庫的一部分，並且該應用程式具有以下功能：

• ？ PWA 支援（離線工作）。
• ？即時協作。
• 端對端加密。
• ？本機優先支援（自動儲存到瀏覽器）。
• ？可共享連結（匯出至可與其他人共享的唯讀連結）。

將來我們將添加這些功能作為 npm 套件的嵌入式插件。

快速啟動

注意：以下說明適用於將 Excalidraw 整合到您自己的應用程式時安裝 Excalidraw npm 套件。若要在本機上運行儲存庫進行開發，請參閱我們的開髮指南。

 npm install react react-dom @excalidraw/excalidraw

或透過紗線

 yarn add react react-dom @excalidraw/excalidraw

查看我們的文件以了解更多詳細資訊！

貢獻

• 缺少某些東西或發現錯誤？在這裡報告。
• 想做出貢獻嗎？查看我們的貢獻指南或在 Discord 上告知我們。
• 想幫忙翻譯嗎？請參閱翻譯指南。

整合

• VScode 擴充
• npm 包

誰在整合 Excalidraw

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • 以及許多其他

贊助商與支持

如果您喜歡該項目，您可以成為 Open Collective 的贊助商或使用 Excalidraw+。

感謝您對 Excalidraw 的支持

最後但並非最不重要的一點是，我們感謝這些公司免費提供服務：