ArrayKit

协作白板

通过两个浏览器之间的直连一起涂画,身后不会留下任何房间。

协作白板

通过两个浏览器之间的直连一起涂画,身后不会留下任何房间。

笔画直接在两个浏览器之间往来,从不被保存。关闭标签页即结束会话,白板也随之消失。

用同样的方式传一个文件

关于 协作白板

多数共享白板的做法,是把你的画放到别人的服务器上,再给你一个房间链接。这里让两个浏览器彼此直连:你们通过本就信任的聊天方式交换一次连接码,笔画便直接在你们之间往来。没有房间,没有一直生效的链接,标签页关掉之后也不留下任何东西。六种工具、六种颜色、只撤销自己笔画的撤销,以及导出为 PNG、SVG 或 PDF。一个人用也完全没问题。

功能特性

  • 钢笔、荧光笔、直线、矩形、椭圆与橡皮
  • 笔画在画完时以归一化坐标共享
  • 撤销移除你自己的上一笔,而不是对方的
  • 后加入的一方会拿到当前状态的白板
  • 浏览器到浏览器的直连——没有房间,中间也没有任何东西
  • 收到的笔画在触及画布之前会先被校验
  • 导出为 PNG、矢量 SVG 或横向 PDF

如何使用 协作白板

  1. 直接开始画——一个人用无需任何设置
  2. 要与人同画,就生成一段邀请码并发给对方
  3. 对方粘贴后回传应答码,连接即告建立
  4. 结束时把白板导出为 PNG、SVG 或 PDF

示例

输入

Invitation code created, pasted into a chat, reply code pasted back

输出

Connected · local network — both boards now show the same strokes.

路由那一行会说明连接是否留在了本地网络内。

常见错误与故障排除

  • 两个浏览器连不上。 — 要么两边网络都在严格的 NAT 之后,要么这个网络屏蔽了同一 Wi-Fi 下两台设备互相发现所用的本地名称解析。换一个网络试试通常就能分辨。
  • 对方看到的是空白板。 — 连接建立时会把当前状态的白板发过去。若握手期间画了东西,再画一笔即可触发一次新的同步。
  • 连接码很长。 — 它承载着连接所需的网络信息。请整段粘贴——被聊天软件折行的代码无法解码。
  • 重新加载后我的画不见了。 — 白板只存在于页面之中。请在关闭前导出,因为没有任何地方在保存它。

常见问题

白板保存在哪里?
哪里都不保存。它存在于正在其上作画的两个浏览器里,它们关闭时它便消失。这是不设中间环节的代价:没有可泄露的东西,也没有可回去的地方。
能超过两个人吗?
不能——这是两个浏览器之间的直连。三个人就需要有东西在他们之间转发,而那正是这里所要避免的。
连接码算敏感信息吗?
它包含你的设备可被访问到的网络地址,请把它当电话号码看待:发给一起作画的那个人,而不是公开的地方。
橡皮是真的擦掉笔画吗?
它是在上面涂白,你看到的就是这个效果。真正移除一笔的是撤销,而且它只移除你自己的。
该用哪种导出?
SVG 在任何尺寸下都保持清晰,最适合要再利用的内容。要贴进消息就用 PNG,要打印或作为附件就用 PDF。

相关工具

  • P2P 文件传输 — 通过直连把文件从一个浏览器直接送到另一个浏览器。
  • 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
  • 图片裁剪 — 自由区域或固定比例裁剪,全分辨率下载。
  • Mermaid 图表渲染器 — 在浏览器中将 Mermaid 图表(流程图、时序图、甘特图)渲染为 SVG。
  • 图片优化工具 — 重新编码并缩小图片(JPEG/WebP/PNG),可选调整尺寸。
  • PDF 转图片 — 将 PDF 页面转换为可下载的 PNG 或 JPG 图片。
  • 图片转 PDF — 将图片合并为单个 PDF(自动 / 纵向 / 横向)。

更多图片工具

查看全部图片工具 (35) · 全部工具