excalidraw - 一款用于绘制手绘图的在线虚拟白板。

Excalidraw 编辑器 |博客 |文档 |Excalidraw+（超神剑+）

创建精美的手绘，如图表、线框图或任何你喜欢的东西。

特征

Excalidraw 编辑器（npm 包）支持：

• 💯 免费和开源。
• 🎨 无限的、基于画布的白板。
• ✍️ 手绘风格。
• 🌓 深色模式。
• 🏗️ 定制。
• 📷 图像支持。
• 😀 形状库支持。
• 👅 本地化 （i18n） 支持。
• 🖼️ 导出为 PNG、SVG 和剪贴板。
• 💾 开放格式 - 将图纸导出为 json 文件。

  .excalidraw

• ⚒️ 多种工具 - 矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦......
• ➡️ 箭头绑定和标记箭头。
• 🔙 撤消/重做。
• 🔍 缩放和平移支持。

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

谷歌云 • Meta • CodeSandbox • 黑曜石 Excalidraw • Replit • Slite • Notion • HackerRank • 等等

赞助商与支持

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

感谢你对Excalidraw的支持

最后但并非最不重要的一点是，我们感谢这些公司免费提供服务：