71

0

excalidraw

用于素描手绘图表的虚拟白板。 协作和端到端加密。

Excalidraw 标志:像图表一样手绘草图。

用于素描手绘图表的虚拟白板。

协作和端到端加密。

在 Twitter 上关注 Excalidraw

在我们的discord.gg/UexuTaE上提问或闲逛。

现在就试试

前往excalidraw.com开始绘制草图。

在我们的博客上阅读最新消息和更新。一个好的开始是查看一年的 Excalidraw的所有更新。

支持Excalidraw

如果你喜欢这个项目,你可以成为Open Collective的赞助商。

最后但同样重要的是,我们感谢这些公司免费提供服务:

韦塞尔 哨兵 人群

谁在集成 Excalidraw

Google CloudMetaCodeSandboxObsidian ExcalidrawReplitSliteNotionHackerRank

文档

捷径

您几乎可以使用快捷方式做任何事情。单击右下角的帮助图标可查看全部。

曲线和箭头

选择直线或箭头并单击单击而不是拖动。

图表

您可以通过从 Excel 复制粘贴数据或仅以逗号分隔的纯文本轻松创建图表。

翻译

要将 Excalidraw 翻译成其他语言,请访问我们的 Crowdin 页面。要添加一种新语言,请打开一个问题,这样我们就可以先在我们这边进行设置。

如果超过一定的完成阈值(目前为 85%),应用程序将提供翻译。

手动创建协作会话

为了手动创建会话,您只需要生成以下形式的链接:

https://excalidraw.com/#room=[0-9a-f]{20},[a-zA-Z0-9_-]{22}

例子

https://excalidraw.com/#room=91bd46ae3aa84dff9d20,pfLqgEoY1c2ioq8LmGwsFA

第一组数字是房间。这从将要向知道此号码的每个人发送消息的服务器可见。

第二组数字是加密密钥。Excalidraw 服务器对此一无所知。这是所有参与者用来加密/解密消息的内容。

注意:请确保加密密钥长度为 22 个字符。

形状库

在 libraries.excalidraw.com 上找到越来越多的包含绘图资源的

在您的应用程序中嵌入 Excalidraw?

试试看@excalidraw/excalidraw。这个包允许您轻松地将 Excalidraw 作为 React 组件嵌入到您的应用程序中。

发展

代码沙盒

本地安装

这些说明将为您提供项目的副本,并在您的本地计算机上运行以用于开发和测试目的。

要求

clone

git clone https://github.com/excalidraw/excalidraw.git

安装依赖项

yarn

启动服务器

yarn start

现在您可以打开http://localhost:3000并在您喜欢的代码编辑器中开始编码。

合作

对于协作,您需要在本地设置协作服务器

命令

安装依赖项
yarn
运行项目
yarn start
使用 Prettier 重新格式化所有文件
yarn fix
运行测试
yarn test
更新测试快照
yarn test:update
使用 Prettier 测试格式化
yarn test:code

Dokcer

如果您不想设置 Node.js 环境,则可以使用 docker-compose 在本地处理 Excalidraw。

docker-compose up --build -d

自托管

我们使用 Excalidraw 客户端在excalidraw/excalidraw发布了一个 Docker 镜像。您可以使用它在您自己的域、Kubernetes、AWS ECS 等上自行托管您自己的客户端。

docker build -t excalidraw/excalidraw .
docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest

Docker 镜像没有分析和其他跟踪库。

目前,自托管您自己的实例不支持共享或协作功能。

我们正在努力提供一个成熟的解决方案,用于自行托管您自己的 Excalidraw。

贡献

欢迎请求请求。对于重大更改,请先打开一个问题来讨论您想要更改的内容。

值得注意的用过的工具

启动该项目的主要灵感来源是很棒的Zwibbler应用程序。