缩略图
缩略图 将导出为直接嵌入到您的工程中的组件.
安装
使用 npm 或者说 yarn 安装软件包.
npm install react react-dom @excalidraw/excalidraw
# or
yarn add react react-dom @excalidraw/excalidraw
说明:如果你不想等待下一次稳定发布并尝试未释放的更改,请使用 @excalidraw/excalidraw@next。 。 。 .
自宿字体
默认情况下, Excalidraw 会尝试从中下载全部使用的字体 光盘N。 。 。 .
为了自我接待,您必须复制文件夹的内容 node_modules/@excalidraw/excalidraw/dist/prod/fonts 至您资产应使用的途径(即. public/ 目录在您的工程中 。 这样的话,你也应该设置 window.EXCALIDRAW_ASSET_PATH 沿着同一条路,即. / 以防它出现在根上:
<script>window.EXCALIDRAW_ASSET_PATH = "/";</script>
Excalidraw 尺寸
缩略图需要 100% 联 合 国 width 财务报告和审定财务报表 height 请确定您所制作的 Excalidraw 容器的尺寸为零.
演示
转到 代码框 实例.
一体化
去那边 文档。 。 。 .
API 密码
去那边 文档。 。 。 .
捐款
去那边 文档。 。 。 .
关于 @alkemio/excalidraw 的常见问题
@alkemio/excalidraw 是什么？
作为反应组件的 excalidraw
如何安装 @alkemio/excalidraw？
在项目目录运行 npm install @alkemio/excalidraw，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^17.0.2 || ^18.2.0 || ^19.0.0）、react-dom（^17.0.2 || ^18.2.0 || ^19.0.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
@alkemio/excalidraw 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
@alkemio/excalidraw 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@alkemio/excalidraw 可以商用吗？
@alkemio/excalidraw 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@alkemio/excalidraw 的下载量有多少？
根据 npm 官方下载统计，@alkemio/excalidraw 在 2026/10/06 – 2026/11/04 这 30 天内被下载 1,761 次，日均约 59 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@alkemio/excalidraw 还在维护吗？
最新版本 0.18.0-864353b-alkemio-16 发布于 2026/02/19（8 个月前）；至今共发布 37 个版本，其中过去 12 个月发布了 7 个；首次发布于 2022/11/26。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。