excalidraw
用于素描手绘图表的虚拟白板。 协作和端到端加密。
浏览量
1296
点击收藏
0
用于素描手绘图表的虚拟白板。
协作和端到端加密。
在我们的discord.gg/UexuTaE上提问或闲逛。
现在就试试
前往excalidraw.com开始绘制草图。
在我们的博客上阅读最新消息和更新。一个好的开始是查看一年的 Excalidraw的所有更新。
支持Excalidraw
如果你喜欢这个项目，你可以成为Open Collective的赞助商。
最后但同样重要的是，我们感谢这些公司免费提供服务：
谁在集成 Excalidraw
Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank •
文档
捷径
您几乎可以使用快捷方式做任何事情。单击右下角的帮助图标可查看全部。
曲线和箭头
选择直线或箭头并单击单击而不是拖动。
图表
您可以通过从 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 组件嵌入到您的应用程序中。
发展
代码沙盒
- 转到https://codesandbox.io/p/github/excalidraw/excalidraw
- 您可能需要使用 GitHub 登录并重新加载页面
- 您可以立即开始编码，甚至可以从那里发送 PR！
本地安装
这些说明将为您提供项目的副本，并在您的本地计算机上运行以用于开发和测试目的。
要求
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:codeDokcer
如果您不想设置 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:latestDocker 镜像没有分析和其他跟踪库。
目前，自托管您自己的实例不支持共享或协作功能。
我们正在努力提供一个成熟的解决方案，用于自行托管您自己的 Excalidraw。
贡献
欢迎请求请求。对于重大更改，请先打开一个问题来讨论您想要更改的内容。
值得注意的用过的工具
启动该项目的主要灵感来源是很棒的Zwibbler应用程序。