在线画板
浏览器里的自由画板:画笔与橡皮,颜色和粗细可调,支持撤销/重做、清空和导出 PNG,全部本地绘制、不上传任何内容。
浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。
画布
按住鼠标或手指直接画;画笔与橡皮可以随时切换。
画笔设置
4 px
绘制完全发生在本地 Canvas,页面不上传任何图像;导出使用浏览器原生的 canvas.toBlob。
状态
笔画数: 0 可撤销步数: 0 可重做步数: 0 采样点: 0 画布还是空白的,按住指针开始画吧。
这个工具能做什么
- 临时画个示意图、流程草图或解题思路,画完直接导出 PNG 贴到聊天窗口或文档里。
- 给孩子当涂鸦本,或者开会时用手写板快速记录,画笔颜色和粗细都能随时调整。
- 画错了不用重来:撤销/重做按笔迹粒度回退,比反复按 Ctrl+Z 猜测状态更可控。
- 需要一份干净的白底图时,先清空再重新画,导出的一定是纯白背景的 PNG。
示例
输入
用 4px 黑色画笔从 (40, 40) 拖到 (160, 120) 画一条线,然后点击「撤销」
输出
笔画数: 0,可撤销步数: 0,可重做步数: 1,画布回到空白状态
一次按下到抬起的拖动只算一条笔迹,因此撤销一次就整条消失;重做可以把这条笔迹原样放回来。
常见问题
画的图会被上传或保存到服务器吗?
不会。所有绘制都在本地 Canvas 上完成,页面不发任何网络请求,刷新后画布内容就没了。想留存请在画完后点「导出 PNG」再下载。
为什么橡皮擦看起来只是画白色?
画布底色固定是纯白,所以橡皮用白色覆盖同样能达到擦除效果,导出的 PNG 也不会出现透明区域。这样比透明擦除更容易贴到白底文档里。
撤销可以退多少步?
最多保留 100 个画面快照,也就是说连续撤销最多 100 次。每次落笔算一步,清空也算一步,超过上限后最旧的快照会被丢弃。
手机上能用吗?
可以。画布使用 pointerdown / pointermove / pointerup 指针事件,触屏和触控笔都会走同一套逻辑,画布本身设置了 touch-action: none,画的时候页面不会跟着滚动。
导出的 PNG 分辨率是多少?
就是画布的原始尺寸 960 × 540 像素,不随窗口大小变化。画布在窄屏上会等比缩小显示,但内部坐标系始终是 960 × 540。
关键词:whiteboarddrawing boardcanvassketchdoodlepaint在线画板画板涂鸦手绘画笔导出png