excalidraw

Excalidraw 编辑器

一个开源的虚拟手绘风格的白板。

协作性强且端到端加密。

产品展示

特性

Excalidraw 编辑器支持：

  • 完全免费且开源。

  • 无限画布。

  • 手绘风格。

  • 支持暗色模式。

  • 可定制。

  • 支持图片。

  • 形状库支持。

  • 多语言支持。

  • 导出为 PNG, SVG 和剪贴板。

  • 开放格式，导出为 .excalidraw JSON 文件。

  • 多种工具 - 矩形、圆形、菱形、箭头、直线、自由绘制、橡皮擦…

  • 箭头绑定和标签箭头。

  • 撤销/重做。

  • 缩放和平移支持。

Excalidraw.com

excalidraw.com 上的应用是 Excalidraw 构建的最小展示。其源代码 也是这个仓库的一部分，应用特性包括：

  • 支持 PWA（离线工作）。

  • 实时协作。

  • 端到端加密。

  • 本地优先支持（自动保存到浏览器）。

  • 可分享链接（导出为只读链接供他人查看）。

未来我们将把这些特性作为插件加入到 npm 包中。

快速开始

安装 Excalidraw npm 包 时，请参考以下指令。

如需本地开发，请查看我们的开发指南。

  npm install react react-dom @excalidraw/excalidraw

或者使用 yarn

  yarn add react react-dom @excalidraw/excalidraw

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

## 集成

chat

详细介绍一下 excalidraw

Excalidraw 是一个开源的、虚拟手绘风格的在线白板工具，它专注于提供简单、直观且功能丰富的绘图体验。

它特别适合用于创建图表、线框图、思维导图、流程图以及其他各种类型的图形和视觉内容。

以下是 Excalidraw 的一些详细介绍：

  1. 开源和免费：Excalidraw 是一个完全免费且开源的项目，这意味着用户可以自由使用它，同时社区也可以贡献代码来改进和扩展其功能。

  2. 手绘风格：Excalidraw 的核心特点之一是其手绘风格的图形和界面设计。这种独特的视觉风格使得创建的图表和图形看起来更加亲切和自然。

  3. 无限画布：Excalidraw 提供了一个无限大的画布，用户可以在其中自由地绘制和排列图形，无需担心空间限制。

  4. 多样化的图形和工具：Excalidraw 内置了多种图形和工具，包括矩形、圆形、箭头、线条、文字等，用户可以使用这些工具轻松创建复杂的图形和布局。

  5. 实时协作：Excalidraw 支持实时协作功能，多个用户可以同时在同一张图上工作，这使得团队合作变得更加高效。

  6. 端到端加密：为了保护用户的隐私和数据安全，Excalidraw 提供了端到端加密的通信功能，确保用户之间的协作数据传输是安全的。

  7. 跨平台支持：Excalidraw 可以在多种设备和浏览器上运行，包括桌面和移动设备，用户可以随时随地访问和编辑他们的图形。

  8. 导出和分享：用户可以将他们的图形导出为 PNG、SVG 等格式的图片，也可以通过链接分享给他人查看或编辑。

  9. 社区支持：作为一个开源项目，Excalidraw 拥有一个活跃的社区，用户可以在社区中寻求帮助、分享技巧和资源，也可以参与到项目的开发和改进中。

  10. 易于集成：Excalidraw 还提供了 VScode 扩展和 npm 包，使得开发者可以轻松地将 Excalidraw 集成到他们自己的应用程序中。

总的来说，Excalidraw 是一个功能全面、易于使用且具有独特手绘风格的在线绘图工具，它适用于个人和团队在多种场景下的图形创建和协作需求。无论是用于教育、设计、技术文档还是商业演示，Excalidraw 都能提供出色的用户体验。