在线画板
免费在线画板绘图工具,支持画笔、橡皮擦、直线、矩形、圆形、文字等多种工具,自定义颜色与线条粗细,线框网格辅助定位,支持撤销重做、导出PNG图片、全屏绘图,数据保存在浏览器本地,无需安装注册。
功能特性
多种绘图工具
内置铅笔、画笔、橡皮擦、直线、矩形、圆形、文字等工具,覆盖涂鸦、标注、示意图绘制等常见场景。
自定义颜色与粗细
支持前景色与画布背景色自由选取,线条粗细 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 为无损格式,支持透明背景(若画布背景色设置为透明则需浏览器支持),适合用于文档插图、设计稿分享等场景。