Posted in

在线协作白板:无限画布、便签、自由画笔与连线


这是一款运行在浏览器里的单文件协作白板(FRANK Board)。它在同一块画布上提供便签、自由画笔、便签连线、迷你地图与本地自动保存,所有渲染都在前端 Canvas 完成,不依赖任何后端服务,打开网页即可直接使用。

如何使用这款在线协作白板

顶部工具栏从左到右依次是:选择(V)、抓手 / 平移(G 或按住空格)、便签(B)、画笔(D)、连线(W)、橡皮(E)。按住画布空白处拖拽即可平移,滚轮缩放,缩放范围约 8% 到 600%,右下角的迷你地图可一键跳转到任意位置。

点击工具栏的便签按钮,再点画布即生成一张便签,双击可编辑文字;便签提供柠檬黄、蜜桃粉、薄荷绿、晴空蓝、丁香紫、素白六种颜色。画笔有六色与三档笔宽可选,橡皮提供三档大小,按住划过笔迹或连线即可擦除。连线工具依次点击两张便签即可连成箭头或曲线,适合画流程图与关系图。

顶栏的「导出」可把当前画板存成 PNG 图片,「示例」会载入一份预设内容方便上手,「清空」则重置画板;快捷键 Ctrl+Z / Ctrl+Shift+Z 撤销与重做,按 F 进入全屏,右键元素或空白处还能呼出更多操作菜单。

关于这款白板

FRANK Board 是一个零依赖的单文件前端原型,整个白板由一块 Canvas 绘制,没有引用任何外部库或网络资源,因此可以离线运行、即开即用。画板采用无限画布加网格背景,元素可自由摆放、框选、复制、删除与置顶。

所有内容都自动保存在浏览器的本地存储(localStorage,键名 nimbus.board.v1)中,每次改动约 0.4 秒后写入,刷新或关闭页面后再打开仍能恢复原状,数据只留在你自己的设备上。

需要说明的是,这款工具目前是本地单人原型:虽然命名为协作白板、示例里也规划了实时协作的方向,但当前版本尚未接入多人在线光标同步,所有内容都保存在本机。如果你只想快速梳理思路、画流程图或做教学演示,它已经足够顺手;要真正多人实时协作,还需后续接入同步服务。

常见问题

问:这款白板需要注册或登录吗?

答:不需要。它完全运行在浏览器本地,打开网页就能用,内容也只保存在你自己的设备上。

问:白板内容会丢失吗?

答:每次改动后会自动写入浏览器本地存储,正常刷新或关闭再打开都能恢复。建议重要内容用顶栏「导出」存成 PNG 留底,换设备或清理缓存前尤其要这样做。

问:可以在手机上用吗?

答:可以。页面已做移动端适配,触屏支持单指拖拽平移、双指缩放,迷你地图在窄屏下会自动隐藏以腾出画布空间。

问:它支持多人实时协作吗?

答:当前版本是本地单人原型,暂未接入多人在线同步。若需要多人同时编辑,要等待后续加入协作服务。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注