拓展阅读

常见免费开源绘图工具

OmniGraffle 创建精确、美观图形的工具

UML-架构图入门介绍 starUML

UML 绘制工具 starUML 入门介绍

PlantUML 是绘制 uml 的一个开源项目

UML 等常见图绘制工具

绘图工具 draw.io / diagrams.net 免费在线图表编辑器

绘图工具 excalidraw 介绍

绘图工具 GoJS 介绍 绘图 js

原型设计工具介绍-01-moqups 介绍

常见原型设计工具介绍

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 都能提供出色的用户体验。