Excalidraw 虚拟白板和图表 SDK

要解决的问题

在自有产品里集成绘图能力时，常见的两难是：自研画布投入大、周期长，而现成的协作白板服务要么按席位计费，要么数据只能留在第三方。Excalidraw 给出了第三条路——一个开源的手绘风格虚拟白板，可以直接以 SDK 形式嵌入你自己的应用，画布、协作与数据都掌握在自己手里。它尤其适合需要画流程图、线框图、草图的工程师或产品团队，比通用绘图库更贴近「白板」这一交互范式。

核心能力

• 无限画布：以平移缩放为基本导航，不需要预先设定画布尺寸，适合发散式的草图讨论。
• 手绘风格：图形默认呈现 hand-drawn 效果，适合评审草图与线框，不必追求像素级对齐。
• 实时协作：支持多人同时编辑同一画布，适合远程评审。
• 端到端加密：协作流量经过 E2E 加密，适合涉及敏感内容的场景。
• React 组件库：通过 @excalidraw/excalidraw 提供 React 组件，可嵌入既有前端。

接入要点

集成的主要工作是在 React 应用中挂载 Excalidraw 组件：准备好容器与必要依赖（react、react-dom、@excalidraw/excalidraw），再按上游文档配置初始状态与协作参数。本技能包抽取自 Excalidraw 官方 README，定位是「在你自己的应用里嵌入白板」的脚手架，而不是一个独立可运行的白板应用。

适用边界

• 如果你的目标是开箱即用的团队白板，应直接使用 Excalidraw 官方应用，而不是把这个 SDK 当成品。
• 协作与加密能力依赖你自行搭建后端与同步通道，SDK 提供的是组件与能力，不是托管服务。
• 手绘风格是特性而非缺陷，但不适合需要严格制图、栅格对齐的场景。