toolgarden.xyz
EN

Quickdraw白板

基于开源 Quickdraw 打造的无限画布白板,支持画笔、荧光笔、图形、文字、便签、图片、导出和全屏演示。

Quickdraw白板

内容在浏览器本地编辑,并自动保存到当前浏览器;可使用 Quickdraw 内置工具绘制、插入图片并导出 PNG。

工具说明

Quickdraw 白板提供 MIT 许可的无限画布,适合快速绘制草图、流程、批注和会议讨论图。它在浏览器中本地运行,支持画笔、荧光笔、图形、箭头、文字、便签、图片和导出。

这个页面更适合作为轻量、即开即用的个人白板。内容会保存到当前浏览器的本地存储中,重要内容仍建议及时导出,避免清理浏览器数据后丢失。

使用步骤

  1. 打开画布

    直接在浏览器中进入白板,不需要登录或安装客户端。

  2. 绘制与整理

    使用画笔、图形、箭头、文字和便签组织信息,按空间位置表达关系。

  3. 全屏或导出

    演示时进入全屏,结束后用内置导出保存图片副本。

支持范围与限制

底层引擎
开源 Quickdraw / @quickdrawjs/react,本地浏览器运行
可用元素
画笔、荧光笔、图形、箭头、直线、文字、便签和图片
画布模式
无限画布,支持缩放、平移、网格背景和全屏使用
保存位置
浏览器 localStorage,仅当前设备和当前浏览器可见
导出
支持使用 Quickdraw 内置导出保存 PNG
许可与标识
Quickdraw 使用 MIT 许可,本页面关闭默认角标水印

典型使用场景

  • 会议讲解

    边讨论边画流程、关系和待办,让口头解释更容易跟上。

  • 产品和技术草图

    快速画页面布局、接口流程或架构轮廓,再迁移到正式文档。

  • 课堂和演示批注

    全屏打开画布,用画笔和高亮标记重点。

使用前需要知道的事

  • 内容保存在当前浏览器本地存储,不会跨设备自动同步。
  • 清理浏览器数据可能删除未导出的白板内容。
  • 分享截图或导出图片前,检查画布边缘是否包含敏感信息。

相关概念

infinite canvas
可以持续缩放和平移、没有固定页面边界的二维画布。
local snapshot
把白板当前对象数据序列化后保存在浏览器本地,用于刷新后恢复。

常见问题

Quickdraw 白板内容会上传吗?
不会。Quickdraw 在浏览器本地运行,页面只把画布快照保存到当前浏览器的 localStorage。
支持全屏吗?
支持。点击全屏按钮,或使用 Ctrl/⌘ + Shift + F 快捷键进入和退出全屏。
和现有白板工具有什么不同?
Quickdraw 白板基于 MIT 许可的 Quickdraw SDK,无需 license key,体验更轻量;现有白板基于 tldraw,保留 tldraw 生态能力。
和 tldraw 白板有什么区别?
Quickdraw 是 MIT 许可、无需 license key 的白板 SDK,体验更轻量;现有 tldraw 白板保留多页面等 tldraw 生态能力。