在线白板

开始

正在加载白板…

在单人使用的私人画布上勾画想法、梳理简单流程或整理便签。你可以用画笔或荧光笔绘制,添加形状、箭头、文字、便签和设备中的光栅图片,再移动、缩放、调整层级或锁定对象。白板完全在浏览器中运行,可导出真正的图片、SVG 和可继续编辑的项目文件。

如何制作白板

  1. 1

    新建或恢复白板

    为 1920×1080 空白白板命名,或导入经过验证的 Hyperion 白板 JSON 文件。

  2. 2

    绘制并排列

    使用画笔、荧光笔、直线、箭头、矩形、椭圆、文字、便签和受限的本地图片。

  3. 3

    检查完整画布

    让白板适应屏幕,检查语义清晰的图层列表并完成最后修改。

  4. 4

    导出结果

    下载 PNG、JPEG 或 SVG 用于分享;若要以后继续编辑同一白板,请下载 JSON。

供个人使用的实用白板

这款白板特意设计为本地运行、单人使用。它适合快速绘制图示、编排课程提纲、制作粗略界面稿、开展个人复盘,或直观整理思路。它不会创建会议室、共享光标、公开链接、账号或云端备份。如果要把可编辑的白板交给他人,请导出项目 JSON,然后自行发送该文件。

绘图区域固定为 1920×1080。这样既能让导出结果尺寸可控,也能防止误拖动生成近乎无限大的文档。平移和缩放只改变编辑器视图,不会改变实际输出尺寸。

工具、对象与图层

工具 创建的内容
画笔 不透明的自由绘制线条
荧光笔 更宽的半透明线条
直线和箭头 连接两点的直线
矩形和椭圆 带轮廓的填充形状
文字 纯文本框
便签 彩色便签上的文字
本地图片 经验证并嵌入项目的 PNG、JPEG 或 WebP

选择未锁定的对象即可移动。矩形、椭圆、文本框、便签和图片还带有下角缩放手柄;图层面板也提供可用键盘操作的缩小和放大按钮。对象可以复制、删除、前移或后移,也可以锁定以防误操作。当前编辑会话最多保留 100 次已确认操作的撤销和重做记录。

图层列表与画面中的叠放顺序一致,并为每个对象提供语义明确的按钮。方向键可将选中的未锁定对象移动一个白板单位,按住 Shift 时移动十个单位。Delete 用于删除,Ctrl/Cmd+Z 和 Ctrl/Cmd+Y 用于撤销和重做。Pointer Events 让同一画布支持鼠标、触控笔和触摸操作;两点触摸可以平移和缩放视图。使用中文输入法时,尚未确认的组合文字不会提前变成对象。

本地文件、恢复与隐私

白板对象、文字和嵌入图片不会通过 Livewire 发送,不会加入 URL,也不会上传至远程图片服务。页面、静态资源和分析服务的常规请求仍会发生,但不包含白板内容。编辑器会在 IndexedDB 中临时自动保存一份受限的工作副本;这是设备上的浏览器数据库。该副本七天后过期,并非永久备份。

项目 JSON 使用严格的版本化结构。未知字段、重复 ID、不支持的对象类型、远程图片 URL、与内容不符的图片签名、过大的坐标和文件,都会在替换当前白板前被拒绝。图片仅限 PNG、JPEG 和 WebP,并受到编码大小、尺寸和解码后像素数限制。如果白板很重要,请定期导出 JSON;无痕浏览、清除网站数据或浏览器存储策略都可能删除临时副本。

各导出格式保留的内容

  • PNG 保留整个白板的无损光栅副本。
  • JPEG 生成较小的不透明光栅副本。
  • SVG 将形状和文字保留为 SVG 元素,并嵌入经过验证的本地光栅图片。
  • 项目 JSON 保留可由本白板重新导入的可编辑对象。

这些都是下载文件,不是分享链接。只有 JSON 可以重新导入以继续编辑;PNG、JPEG 和 SVG 是查看或分享用的输出,不保留可导入的对象结构。浏览器通过 Canvas toBlob() 创建文件,并通过 Pointer Events 处理绘图和手势。

常见问题

不可以。这是单人使用的浏览器白板,没有房间、在线状态、共享光标或实时协作。如果其他人需要可编辑副本,请导出 JSON。

编辑器在浏览器内处理对象、文字、本地图片和导出文件。页面、静态资源和分析服务仍有常规请求,但其中不含白板内容。

可以添加设备中符合限制的 PNG、JPEG 和 WebP。远程 URL、SVG、GIF、签名与内容不符的文件,以及超过容量或解码像素限制的图片会被拒绝。

不能。请使用项目 JSON 继续编辑。PNG、JPEG 和 SVG 用于查看或分享,不保留可重新导入的对象结构。

IndexedDB 中受限的工作副本会在七天后过期。清理浏览器或无痕模式策略可能更早删除它,因此请将需要保留的内容导出为 JSON。

在解锁前,锁定会阻止移动、缩放、删除、复制或调整该对象的顺序。对象仍会显示在画布和语义图层列表中。

不在。当前项目会在本地自动保存,但 100 步撤销和重做历史只属于当前编辑会话,不会写入项目 JSON。

可以。画布支持触摸和触控笔 Pointer Events,包括两指平移和缩放。语义图层列表和尺寸按钮也能替代在画布上的精细点选。

相关工具