← 返回首页

在线画板

在线画板 是什么?

在线画板是一个跑在浏览器里的绘图工具,打开网页就能画,不用装软件、不用注册。画笔、橡皮擦、矩形、圆形、直线、文字、填充颜色都有,画完直接下载成 PNG 图片。所有笔迹和图形都在你自己的浏览器里渲染,不会上传到服务器。适合临时画个示意图、给孩子出几道连线题、给同事标一下截图里的重点区域。比如你要在微信里跟装修师傅说清楚插座位置,可以打开画板,用矩形框出墙面区域,再用文字标注"距地30cm",导出 PNG 发过去,比打一堆字清楚得多。

使用步骤

  1. 打开页面后先选工具:默认是画笔,笔粗可选 1px 到 50px,比如画草图用 3px,标重点用 8px。
  2. 选颜色:调色板里点一个色块,或直接输入十六进制色值如 #FF5722,填充色和描边色可以分开设。
  3. 画形状:点矩形或圆形按钮,在画布上按住左键拖拽,松开即成型;按住 Shift 拖可画正方形或正圆。
  4. 加文字:点文字工具,在画布上单击出现输入框,输入"插座位置",字号默认 16px,可在属性栏改成 24px。
  5. 用橡皮擦:选橡皮擦工具,笔粗调到 20px,在画错的地方按住左键涂抹即可擦除,不影响其他图层内容。
  6. 导出:点下载按钮,文件默认保存为 drawing-board.png,尺寸与画布一致,例如 1200×800 像素。

对比:用它还是手工做?

对比维度本工具手工/替代做法
启动耗时打开网页约 1 秒,无需安装装 Photoshop 约 2GB,安装 10 分钟以上
导出格式PNG,白底,尺寸等于画布像素截图工具只能存 JPG 或 PNG,但无法控制画布尺寸
隐私数据不出浏览器,断网可用在线协作白板需登录,画布内容存服务器
学习成本6 个工具按钮,1 分钟上手PS 或 AI 需要学图层、蒙版,至少 1 小时
适用场景草图、标注、示意图,10 分钟内完成精细插画、印刷级设计,需专业软件

常见问题

画布最大能设多大?

画布尺寸由浏览器窗口决定,常见 1920×1080 屏幕上可用区域约 1600×900 像素。导出 PNG 时按实际画布像素输出,不会压缩。如果窗口缩小到 800×600,导出图也是 800×600,建议画之前先把窗口拉到需要的大小。

画错了能撤销吗?

支持撤销,快捷键 Ctrl+Z(Mac 是 Cmd+Z),默认保留最近 30 步操作。超过 30 步之前的笔迹无法再回退,所以画复杂图时建议每画完一部分就导出一次 PNG 备份,避免误操作后重画。

下载的 PNG 有背景色吗?

默认导出白底 PNG,不透明。如果你需要透明背景,可以在导出前把背景色设为透明(部分版本支持),否则 PNG 的 alpha 通道全部为 255,即完全不透明。文件大小与画布像素成正比,1200×800 的白底图约 20KB 到 200KB,取决于笔迹复杂度。

数据会上传到服务器吗?

不会。画笔轨迹、形状坐标、文字内容全部在浏览器内存里处理,导出时用 Canvas 的 toDataURL('image/png') 生成本地文件。整个过程没有网络请求发送你的画布数据,断网状态下也能正常画和下载。

能画直线和箭头吗?

直线工具可以画任意角度的线段,按住 Shift 可锁定为水平、垂直或 45 度角。箭头目前没有独立工具,但可以用直线加两条短斜线手动拼出来,或者用文字工具输入 → 符号代替。

手机上能用吗?

可以,触屏设备上手指就是画笔。但手指接触面积大,建议把笔粗调到 8px 以上,否则线条太细不好控制。另外手机浏览器地址栏和工具栏会占掉约 15% 的屏幕高度,实际画布比电脑小不少。

本工具适合快速草图、标注和简单示意图,不适合需要图层、矢量路径编辑或印刷精度的场景。画布分辨率取决于窗口大小,导出 PNG 为位图,放大后会模糊。所有绘制和导出均在浏览器本地完成,不上传任何笔迹或文字内容,关闭页面后画布不保留,请及时下载。

浙ICP备2026073450号