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 的支持

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