跳到主内容
UniKit

在线画板

浏览器里的自由画板:画笔与橡皮,颜色和粗细可调,支持撤销/重做、清空和导出 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

同类工具