在线白板 / 画板
工具
使用指导
意见反馈
颜色
线宽4
画布宽高
当前画布:1528 × 600 · 历史 0 / 20 步功能说明
一个纯浏览器实现的在线画板,支持自由画笔、直线、矩形、椭圆、文字与橡皮擦,可自定义颜色和线宽,随时撤销并导出 PNG。所有内容只存在于本机浏览器中,不会上传到任何服务器。
工具说明
画笔:按住并拖动即可自由绘制,笔触自动圆角连接,适合手写和批注。
直线:按下确定起点,拖动过程中实时预览,松开确定终点。
矩形 / 椭圆:按下拖动画出外接矩形,松开完成绘制,拖动方向不限。
文字:选中后在画布上点击一下,弹出输入框,确认后按当前颜色和字号写入画布。字号随线宽联动,线宽越大字越大。
橡皮擦:以当前线宽用白色覆盖画布内容。因为导出的 PNG 需要白色底,橡皮采用「涂白」而不是「挖透明」的方式,这样擦除区域和背景完全一致,导出后也不会出现透明空洞。
撤销机制
每次开始一笔绘制之前,工具会把当前画布用 toDataURL 存成一帧快照压入栈中,最多保留 20 帧。点击撤销时弹出最近一帧并重新绘制回画布,因此撤销是按「一次操作」而不是按像素回退的。超过 20 步的历史会被丢弃,属于内存与可用性之间的取舍;如果需要长历史,建议中途先导出一次 PNG。
画布与保存
画布初始宽度自动适配容器,默认高度 600 像素,也可以手动输入宽高后点击「应用尺寸」,调整时会尽量保留已有内容,超出部分被裁掉。画布区域可横向和纵向滚动。
开启「自动保存」后,每完成一笔会把画布内容写入浏览器 localStorage,刷新页面或下次打开时自动恢复。清空画布会同时清除保存的内容。若画布很大导致存储超限,自动保存会静默失败并提示,此时请手动导出 PNG 备份。
输入设备
使用 Pointer Events 统一处理鼠标、触摸屏和手写笔,在平板与触屏笔记本上可以直接用手指或触控笔书写。
意见反馈
温馨提示
- 您的反馈将帮助我们改进产品体验
- 反馈内容会匿名保存,保护您的隐私
- 我们会认真阅读每一条反馈
反馈历史
暂无反馈记录
