协作白板
通过两个浏览器之间的直连一起涂画,身后不会留下任何房间。
笔画直接在两个浏览器之间往来,从不被保存。关闭标签页即结束会话,白板也随之消失。
用同样的方式传一个文件
关于 协作白板
多数共享白板的做法,是把你的画放到别人的服务器上,再给你一个房间链接。这里让两个浏览器彼此直连:你们通过本就信任的聊天方式交换一次连接码,笔画便直接在你们之间往来。没有房间,没有一直生效的链接,标签页关掉之后也不留下任何东西。六种工具、六种颜色、只撤销自己笔画的撤销,以及导出为 PNG、SVG 或 PDF。一个人用也完全没问题。
功能特性
- 钢笔、荧光笔、直线、矩形、椭圆与橡皮
- 笔画在画完时以归一化坐标共享
- 撤销移除你自己的上一笔,而不是对方的
- 后加入的一方会拿到当前状态的白板
- 浏览器到浏览器的直连——没有房间,中间也没有任何东西
- 收到的笔画在触及画布之前会先被校验
- 导出为 PNG、矢量 SVG 或横向 PDF
如何使用 协作白板
- 直接开始画——一个人用无需任何设置
- 要与人同画,就生成一段邀请码并发给对方
- 对方粘贴后回传应答码,连接即告建立
- 结束时把白板导出为 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(自动 / 纵向 / 横向)。
更多图片工具
- 图片优化工具 — 重新编码并缩小图片(JPEG/WebP/PNG),可选调整尺寸。
- 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
- EXIF 查看与移除工具 — 查看并移除照片中的 EXIF 元数据(含 GPS);不上传任何内容。
- Base64 图片编码器 / 解码器 — 将图片转换为带 HTML 和 CSS 片段的 Base64 Data URI,或将 Data URI 解码为可下载的图片。
- 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP,在您的浏览器中完成。
- sprite sheet CSS 动画生成器 — 把 sprite sheet 转成带实时预览的 CSS steps() 动画。
- SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
- 图片取色器 — 在浏览器中从图片取任意像素的 HEX、RGB 和 HSL 颜色值。
- 颜色格式转换器 — 把任意 CSS 颜色转换为 HEX、RGB、OKLCH 等
- 条形码生成器 — 生成 EAN、UPC、Code 128 条形码并导出 SVG 或 PNG
- 图片配色提取器 — 从图片提取主色与配色,导出 HEX、RGB、HSL、CSS 与 Tailwind。
- 图片翻转与旋转 — 在浏览器中旋转和翻转图片
- 图片裁剪 — 自由区域或固定比例裁剪,全分辨率下载。
- 图片水印 — 文字或Logo,定位或平铺,可调透明度与旋转。
- 图片打码 — 把截图局部永久模糊、马赛克或涂黑。
- 图片圆角工具 — 裁成圆角矩形或圆形,导出透明PNG。
- 色盲模拟器 — 查看图片在红色盲或绿色盲眼中的样子。
- 图片DPI修改器 — 在不重新压缩像素的情况下设置PNG或JPEG的DPI。
- BlurHash 生成器 — 编码与解码模糊的图片占位符。
- 占位图生成器 — 任意尺寸的 SVG、PNG 或 data URI 占位图。
- ASCII 字符画生成器 — 以可调对比度把图片转成 ASCII 字符画。
- 图片滤镜 — 应用灰度、棕褐色、对比度、模糊等效果,导出 PNG 和 CSS。
- 图片分割工具 — 把图片切成网格小块,并打包成 ZIP 下载。
- 图片合并工具 — 把图片横排、竖排或按网格拼接。
查看全部图片工具 (35) · 全部工具