excalidraw:Virtual whiteboard for sketching hand-drawn like diagrams

Excalidraw 编辑器 | 博客 | 文档 | Excalidraw+

功能特性

Excalidraw 编辑器（npm 包）支持以下功能：

• 💯 免费且开源。
• 🎨 无限大的画布式白板。
• ✍️ 手绘风格。
• 🌓 深色模式。
• 🏗️ 可自定义。
• 📷 图片支持。
• 😀 形状库支持。
• 🌐 本地化（i18n）支持。
• 🖼️ 导出为 PNG、SVG 格式及复制到剪贴板。
• 💾 开放格式 - 将绘图导出为 .excalidraw JSON 文件。
• ⚒️ 丰富的工具集 - 矩形、圆形、菱形、箭头、直线、自由绘制、橡皮擦等。
• ➡️ 箭头绑定和带标签箭头。
• 🔙 撤销/重做。
• 🔍 缩放和平移支持。

Excalidraw.com

托管在 excalidraw.com 的应用是 Excalidraw 能力的极简展示。其 源代码 也包含在本仓库中，该应用具有以下特性：

• 📡 PWA 支持（可离线工作）。
• 🤼 实时协作。
• 🔒 端到端加密。
• 💾 本地优先支持（自动保存到浏览器）。
• 🔗 可共享链接（导出为只读链接，方便与他人分享）。

未来，我们将把这些功能作为即插即用的插件添加到 npm 包中。

快速开始

注意： 以下说明适用于在将 Excalidraw 集成到您自己的应用时安装 Excalidraw npm 包。若要在本地运行仓库进行开发，请参考我们的 开发指南。

使用 npm 或 yarn 安装该包。

npm install react react-dom @excalidraw/excalidraw
# or
yarn add react react-dom @excalidraw/excalidraw

查看我们的文档了解更多详情！

贡献

• 发现缺失内容或遇到 bug？在此报告。
• 想要贡献代码？查看我们的贡献指南，或在Discord上告知我们。
• 想要协助翻译？请参阅翻译指南。

集成

• VScode 扩展
• npm 包

谁在集成 Excalidraw

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

赞助商与支持

如果您喜欢这个项目，可以在Open Collective成为赞助商，或使用Excalidraw+。

感谢您对 Excalidraw 的支持

最后，我们还要感谢以下公司免费提供的服务：