画板 使用指南

使用完整工具集在画布上绘画和创作。自由手绘笔、形状、橡皮擦、文字和自定义背景颜色 — 下载为 PNG。

返回 画板

此工具有什么功能

画板是一款基于画布的简易绘画工具。用自由画笔绘制、添加形状(矩形、圆形、直线)、使用橡皮、添加文字,并设置自定义背景色。可将画布下载为 PNG。适用于快速草图、标注、图表和简单绘画。所有绘制在浏览器中完成——无需服务器。

如何使用

  1. 选择工具 — 选择画笔、形状、橡皮或文字。
  2. 绘制 — 画笔或形状点击拖动。文字点击放置。
  3. 配置 — 设置画笔大小、颜色和填充。形状可选描边和填充。
  4. 背景 — 按需更改画布背景色。
  5. 下载 — 将画布保存为 PNG 图片。
  6. 清空 — 重置画布重新开始。

工作原理

画布为 HTML5 Canvas 元素。绘制使用 2D 上下文:画笔和橡皮用路径,形状用 rect/arc/line,文字用 fillText。鼠标/触摸事件捕获笔画和形状。画布状态存储在内存;下载使用 toDataURL('image/png')。核心绘制无外部库——原生 canvas API。Blob URL 仅用于下载。

所有计算均在您的浏览器中完成。不会向任何服务器发送数据。

使用场景与示例

  • 草图 — 快速涂鸦和绘图。
  • 标注 — 在截图或图表上标记。
  • 图表 — 简单流程图或线框图。
  • 签名 — 快速签名。
  • 教学 — 演示形状和颜色。

示例

  • 画笔,红色,大小 5 → 绘制红色自由线。
  • 矩形工具 → 点击拖动绘制矩形。
  • 文字工具 → 点击放置文字;在对话框中输入。

限制与已知约束

  • 无图层 — 单图层;除清空外无撤销/重做。
  • 不持久 — 刷新后画布状态丢失。
  • 基础工具 — 无渐变、图案或高级滤镜。
  • 仅 PNG — 下载格式为 PNG;无 JPEG 或 SVG 导出。

所有计算和转换均完全在您的浏览器中运行。不会向任何服务器发送数据,您的输入不会离开您的设备。