在线画板

免费在线画板绘图工具,支持画笔、橡皮擦、直线、矩形、圆形、文字等多种工具,自定义颜色与线条粗细,线框网格辅助定位,支持撤销重做、导出PNG图片、全屏绘图,数据保存在浏览器本地,无需安装注册。

4px
X: 0, Y: 0
工具: 铅笔 4px
历史: 0/0

功能特性

多种绘图工具

内置铅笔、画笔、橡皮擦、直线、矩形、圆形、文字等工具,覆盖涂鸦、标注、示意图绘制等常见场景。

自定义颜色与粗细

支持前景色与画布背景色自由选取,线条粗细 1-50px 可调,满足从精细描边到大面积涂色的需求。

线框网格辅助

一键切换线框网格背景,方便对齐与比例把控,适合绘制流程草图与 UI 线框图。

撤销重做

支持最多 30 步历史记录,随时撤销与重做,绘图过程不怕失误,创作更加从容。

一键导出PNG

绘制完成即可导出为高清 PNG 图片,方便分享、嵌入文档或继续在其他工具中编辑。

明暗主题与全屏

自动跟随站点明暗主题切换,支持全屏绘图模式,沉浸式创作体验,触屏设备同样适用。

使用说明

选择工具

  • 点击工具栏中的图标切换绘图工具,被选中的工具按钮会高亮显示。
  • 也可使用快捷键快速切换:P 铅笔、B 画笔、E 橡皮擦、L 直线、R 矩形、C 圆形、T 文字。
  • 铅笔为细线条,画笔为粗线条,两者均支持自由手绘;橡皮擦使用背景色擦除内容。

绘制形状

  • 选择直线、矩形或圆形工具后,在画布上按下鼠标拖拽即可预览形状,松开鼠标完成绘制。
  • 选择文字工具后,点击画布目标位置会弹出输入框,输入文字后按回车即可将文字绘制到画布上。
  • 在触屏设备上,用手指直接在画布上绘制,操作方式与鼠标一致。

颜色与粗细

  • 点击前景色色块选取画笔颜色,点击背景色色块选取画布填充颜色。
  • 拖动粗细滑块调整线条宽度,范围 1-50px,当前值实时显示在滑块右侧。
  • 修改背景色会清空画布并以新颜色重新填充,请提前备份重要内容。

线框网格

  • 点击工具栏中的线框网格按钮(或按 G 键)可切换画布的网格背景。
  • 开启网格后,画布会显示 20px 间距的青色辅助网格,方便对齐元素与把握比例。
  • 网格仅作为视觉辅助,不会出现在导出的 PNG 图片中。

撤销重做与导出

  • 使用 Ctrl+Z 撤销、Ctrl+Y 重做,或点击工具栏对应按钮,最多支持 30 步历史。
  • 点击下载按钮(或按 D 键)将当前画布导出为 PNG 图片,文件名自动带日期。
  • 点击全屏按钮(或按 F 键)进入全屏绘图模式,按 Esc 退出全屏。

常见问题

在线画板需要安装或注册吗?
完全不需要。在线画板是纯前端工具,打开浏览器即可使用,无需安装任何插件,也无需注册登录,所有绘图操作均在浏览器本地完成。
绘图数据会上传到服务器吗?
不会。所有绘图内容仅存在于浏览器内存与 Canvas 画布中,不会上传到任何服务器,关闭页面后内容将丢失。如需保存,请在完成绘制后点击下载按钮导出为 PNG 图片。
线框网格会被导出到图片中吗?
不会。线框网格是画布容器的 CSS 背景效果,仅作为绘图的视觉辅助参考,不会绘制到 Canvas 画布上,因此导出的 PNG 图片中不会包含网格线。
支持哪些快捷键?
支持工具切换快捷键 P/B/E/L/R/C/T/G/D/F,以及 Ctrl+Z 撤销、Ctrl+Y 重做、Esc 退出全屏。快捷键不区分大小写,但会忽略输入框聚焦时的按键。
能在手机或平板上使用吗?
可以。在线画板支持触屏设备,用手指直接在画布上绘制即可。工具栏会自动适配窄屏布局,全屏模式下可获得更大的绘图区域。建议横屏使用以获得更好体验。
导出的图片是什么格式?
导出格式为 PNG,文件名格式为 drawing-YYYY-MM-DD.png。PNG 为无损格式,支持透明背景(若画布背景色设置为透明则需浏览器支持),适合用于文档插图、设计稿分享等场景。