在线画板 · 网页版画图工具

在线画板，打开就能在线画画：画笔按快慢自动变粗细、触控笔有压感，还有马克笔、橡皮、油漆桶、直线、箭头、矩形、椭圆、文字、吸管和框选移动。可选画布尺寸与方格纸、横线纸背景，能打开图片在上面涂改标注，撤销重做 100 步，导出 PNG／JPG，自动存草稿。网页版画图工具，不用下载安装，画的东西不上传。

怎么用

很多人搜「画图」，其实是在找 Windows 自带的那个「画图」：在开始菜单里搜「画图」，或者按 Win＋R 输入 mspaint 回车就能打开。这一页是网页版画图，用法和它相近：打开就是一块白色画板，选工具、选颜色、按住拖动就能在线画画，不用下载安装，手机、平板、电脑的浏览器都能用。

选工具

画布上方一排是全部工具，点哪个用哪个：

• 画笔：画得慢线粗、画得快线细，线条会自动抹平抖动；用触控笔时按压力变粗细。
• 马克笔：半透明，一笔之内颜色均匀，两笔叠在一起颜色会变深，适合涂色、划重点。
• 橡皮：擦成透明；白底、方格纸、横线纸背景下擦掉的地方露出底纸。
• 油漆桶：点一下，把和点到的颜色相近、连在一起的整片区域填满。线条有缺口时颜色会漏出去，先把缺口补上。
• 直线、箭头、矩形、椭圆：按住拖出来，松手落定；按住 Shift 画水平、竖直或 45° 的线，画正方形、正圆。矩形、椭圆可以切「空心／实心」。
• 文字：先在选项里的输入框写好字（可以换行），选字号，再点画布上要放的位置。
• 吸管：点画布上任意一处，拿到那里的颜色，然后自动回到刚才的工具。
• 框选移动：拖出一个框选中一块，按住选区拖到新位置，点外面放下；按 Delete 删掉，按 Esc 放回原处。

选颜色、粗细、不透明度

工具下面是 16 色常用色板，右边的色块可以自选任意颜色；用过的颜色会出现在「最近用过」一排，最多 8 个。「粗细」滑块调笔宽（按画布像素算），「不透明度」调深浅，画笔、马克笔、形状两个都吃；文字的大小另有字号，文字和油漆桶只吃不透明度。

画布、缩放与撤销

• 画布尺寸：默认「适应窗口」，也可以选 1920×1080 横屏、1080×1920 竖屏、1080×1080 方图、A4 竖版 2480×3508、A4 横版等。改尺寸时原来画的内容留在左上角。
• 背景：白底、透明、方格纸、横线纸。选透明时画布显示成灰白格子，导出 PNG 会保留透明。
• 缩放平移：「放大」「缩小」「适应」三个按钮；电脑上按住 Ctrl 滚滚轮缩放，按住空格拖动画布；手机上双指捏合缩放、双指拖动平移。
• 撤销与重做：按钮或 Ctrl+Z、Ctrl+Y，最多 100 步。「清空」要连点两次才生效，清空了也能撤销回来。

在图片上画、导出与全屏

点「打开图片」把照片、截图当底图，直接在上面标注；截图后按 Ctrl+V 能把图贴进画布。画完点「导出 PNG」或「导出 JPG」，也可以「复制到剪贴板」直接粘到聊天窗口。要更大的地方画，点「全屏绘画」，手机横过来用更宽；按 Esc 或点「退出全屏」回来。

想画给朋友猜，去 你画我猜；想给小人搭衣服、换颜色、化个妆再存成图，去 换装游戏；要把想法整理成一张有层级的图，用 思维导图；只想手写一个签名放到文件上，电子签名生成器 会自动裁掉空白、导出透明 PNG；要先截一张屏幕再来标注，可以用 在线截图工具；想把画画的过程录成视频，用 在线录屏。

怎么看结果

页面上的读数

• 缩放百分比：编辑按钮旁的数字，100% 表示画布上一个像素占屏幕一个点。A4 这种大画布要缩到 20% 以下才能整张放进窗口，这是正常的，画细节时放大就好。
• 状态行：告诉你刚才做了什么，比如「画布改成 2480×3508」「已导出 PNG（1920×1080）」「吸到颜色 #ed1c24」。
• 导出的图片大小：就是画布尺寸。选「适应窗口」时，画布按屏幕实际像素建，在高清屏上会比窗口看起来的大一倍左右，导出更清楚。

这样正常吗

• 油漆桶填完边缘紧贴线条：正常。填充会往线条里多盖 1 像素，盖住线条边缘的半透明毛边，免得出现一圈白边。
• 马克笔来回涂一笔颜色均匀、两笔交叉处变深：正常，这就是马克笔的样子。
• 橡皮擦过的地方是白的或格子：橡皮把像素擦成透明，露出的是背景纸。

不正常怎么办

• 油漆桶把整张画布都填了：线条没有封口，撤销后把缺口补上再填；或者把「容差」调小。
• 填完线条边上还有一圈浅色：把容差调大一点再填。
• 撤销撤不回很早的步骤：撤销最多记 100 步，大画布上「清空」「打开图片」这种整张改动占地方，记录太多时会丢掉最早的几步。改画布尺寸、打开图片会清空撤销记录。
• 提示草稿存不下：画布太大或本机存储满了，赶紧导出保存。
• 手机上画的时候页面跟着滚：只要手指落在画布里页面就不会滚；在画布外面滑才会滚页面。

常见问题

画图、画板、画图工具、图画板，说的是一回事吗？

大体是。「画图」多指 Windows 自带的那个程序，「画板」「图画板」「画板工具」多指能随手画的白板，「在线画图工具」「网页画板」则强调在浏览器里用、不用装。这一页这几种需求都能接住：随手涂鸦、在截图上标注、画示意图、给孩子画画。要画流程图、思维导图这种有固定格式的图，用专门的工具更省事。

画布最大能多大？

预设里最大的是 A4（2480×3508，相当于 300 DPI 打印一张 A4），打开图片时最长边最多 4096 像素、总共不超过一千六百万像素，超过的会等比缩小。画布越大，油漆桶、撤销越占内存，老手机上建议用「适应窗口」或 1080×1080。

透明背景怎么导出？

背景选「透明」，画完点「导出 PNG」，没画到的地方就是透明的，可以叠到别的图片、PPT 上。JPG 不支持透明，导出 JPG 时透明处会填成白色。

画好的图想裁一裁、调个色、加几行字，用 在线改图；要做标题、海报上的书法毛笔字，用 艺术字生成器。

原理与冷知识

画笔为什么会「越快越细」

页面每收到一个指针位置，就算出它和上一个位置之间的距离和时间，得到移动速度：速度越快，目标笔宽越小（最细到基准的 0.45 倍，最粗到 1.25 倍），再和上一个点的笔宽做一次平均，粗细才不会忽大忽小。用触控笔时改用压力算笔宽。最后把这一串点按笔宽向两侧展开成一个闭合的形状，一次性填色，所以半透明的笔画也不会在自己身上叠深。

线条为什么不抖

鼠标和手指报上来的点是一格一格的折线。画板把每一段折线取 1/4 和 3/4 两个点替换掉原来的拐角，做两轮，尖角就被「削」成了圆滑的曲线，这个办法叫 Chaikin 角切，几十年前就用在计算机图形里。

油漆桶怎么知道填到哪

从你点的那个像素出发，向左右把颜色相近的一整段找出来一次填上，再看这一段的上一行、下一行有没有相连的同色像素，有就接着找。这种「扫描线填充」比一个像素一个像素地扩散快得多。颜色比较时把透明度算进去，所以全透明的空白处不管原来记的是什么颜色都算同一片。

撤销为什么不会把内存撑爆

每一步不存整张画布，只存这一步改动到的那个矩形区域原来的样子；撤销时把它贴回去，同时把贴之前的样子记下来留给重做。画一笔通常只改几十到几百像素见方的一小块，所以能记很多步；一张 A4 整张清空一次要记 35 MB 左右，页面给撤销记录设了 100 步、总共 160 MB 的上限，超了就丢掉最早的。