Github每日精选(第57期):用于绘制手绘图的虚拟白板excalidraw

excalidraw

在做ppt的时候,如果我们的图或者是表,用手绘的形式来完成的话,我们的ppt看起来就比较高档了,一个体现了我们的认真做ppt的态度,一个是体现了我们审美的高度。

excalidraw 用于绘制手绘图的虚拟白板。可以用于多人的协作和端到端加密。

在这里插入图片描述

我们可以到官网,到这里去体验一下。

在这里插入图片描述

我们可以用到的类型
  • 捷径
    您几乎可以使用快捷方式做任何事情。单击右下角的帮助图标以查看所有内容。

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

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

  • 手动创建协作会话
    为了手动创建会话,您只需要生成此表单的链接:

    room=[0-9a-f]{20},[a-zA-Z0-9_-]{22}
    例子
    room=91bd46ae3aa84dff9d20,pfLqgEoY1c2ioq8LmGwsFA
    第一组数字是房间。从将向知道该号码的每个人发送消息的服务器上可以看到这一点。

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

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

本地安装

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

要求
  • Node.js
  • Yarn (v1 or v2.4.2+)
  • Git

克隆仓库

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

安装依赖项

yarn

启动服务器

yarn start

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

合作

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

命令

安装依赖项

yarn

运行项目

yarn start

使用 Prettier 重新格式化所有文件

yarn fix

运行测试

yarn test

更新测试快照

yarn test:update

使用 Prettier 测试格式化

yarn test:code

Docker

如果您不想设置 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 提供成熟的解决方案。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

go2coding

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值