excalidraw - 一款用于绘制手绘图的在线虚拟白板。

Created at: 2020-01-02 09:04:43
Language: TypeScript
License: MIT
神剑标志:素描像图表一样绘制。

虚拟白板,用于绘制手绘图表等草图。
协作和端到端加密。

在推特上关注Excalidraw。

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

立即试用

转到 excalidraw.com 开始素描。

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

支持神剑

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

最后但并非最不重要的一点是,我们感谢这些公司免费提供服务:

韦塞尔 哨兵 拥挤

谁在整合 Excalidraw

谷歌云代码沙盒黑曜石神剑ReplitSlite概念黑客排名

文档

快捷方式

你几乎可以使用快捷方式执行任何操作。单击右下角的帮助图标以查看所有内容。

曲线和箭头

选择线条或箭头,然后单击单击单击而不是拖动。

图表

你可以通过从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 作为一个 React 组件嵌入到你的应用程序中。

发展

代码沙盒

本地安装

这些说明将为你提供在本地计算机上启动并运行的项目副本,以便进行开发和测试。

要求

克隆存储库

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

安装依赖项

yarn

启动服务器

yarn start

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

协作

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

命令

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

docker 撰写

如果你不想设置 Node.js env,你可以使用 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应用程序。