toolgarden.xyz
EN

白板工具

基于开源 tldraw 打造的本地白板,支持图形绘制、自由画笔、便签、插入图片、多页面切换和一键导出。

白板

内容在浏览器本地编辑并保存;可使用 tldraw 内置菜单导入、保存、插入图片,并导出 PNG、SVG 或 tldraw 文件。

工具说明

在线白板提供自由书写、绘图和空间整理的画布,适合快速解释想法、标记流程和开展个人草图。空间位置本身可以表达分组和关系,但没有明确标题与阅读顺序的画布也容易让接收者迷失。

浏览器白板更适合作为即时工作区而不是唯一存档。开始前应了解保存、导出和本地缓存行为,重要内容定期导出,并避免在共享设备上遗留机密信息。

使用步骤

  1. 先写清目标

    在画布顶部说明问题、日期和期望产出。

  2. 按区域组织内容

    使用稳定的颜色和简单图形表达分组、顺序与负责人。

  3. 整理并导出

    删除重复草图,补充图例和结论,保存可继续使用的副本。

支持范围与限制

底层引擎
开源 tldraw,在浏览器本地运行
可用元素
图形、画笔、便签、文字、箭头、图片,支持多页面
内容保存位置
浏览器本地存储。清理浏览数据、换浏览器或换设备后内容不可见
协作
不提供多人实时协作,内容只存在于你这一台设备上
导出
可导出为图片或文件,重要内容请及时导出保存
与 Excalidraw 画板的区别
这里是规整的矢量风格,Excalidraw 是手绘风格,适合不同的表达场景

典型使用场景

  • 远程解释方案

    用简单框线和箭头辅助讲解页面布局或业务流程。

  • 个人快速构思

    在正式文档前捕捉草图、问题和可选方向。

  • 把讨论过程留成可回看的记录

    会议中边说边画,结束后导出图片附在会议纪要里,比纯文字纪要更能还原当时的思路。

使用前需要知道的事

  • 刷新或清理浏览器数据可能影响未导出的本地内容。
  • 白板图片缺少结构化文本,重要结论还应写入可搜索文档。
  • 共享截图前检查画布边缘是否包含姓名、密钥或其它敏感便签。

相关概念

canvas
允许对象按二维坐标自由放置的工作区域。
spatial grouping
利用距离、边界和对齐表达内容之间关系的方法。

常见问题

白板内容会上传吗?
不会。白板基于 tldraw 在浏览器本地运行,图形、便签和图片都保存在本地,不会上传到服务器。
支持哪些元素?
支持图形、画笔、便签、文字和图片等,可自由布局并导出为图片。
需要注册或安装吗?
不需要。打开页面即可使用,无需登录或安装任何软件。
换台电脑打开为什么内容不在了?
内容存在浏览器的本地存储里,不同设备、不同浏览器之间不同步,也没有账号体系。重要内容请导出成文件保存,这是唯一可靠的保留方式。
和 Excalidraw 画板该用哪个?
这里是规整的矢量风格,适合需要看起来正式的图;Excalidraw 是手绘风格,刻意的粗糙感适合表达「这还是草案」。功能上都覆盖图形、文字和图片,主要按表达意图选。