此工具有什么功能
画板是一款基于画布的简易绘画工具。用自由画笔绘制、添加形状(矩形、圆形、直线)、使用橡皮、添加文字,并设置自定义背景色。可将画布下载为 PNG。适用于快速草图、标注、图表和简单绘画。所有绘制在浏览器中完成——无需服务器。
如何使用
- 选择工具 — 选择画笔、形状、橡皮或文字。
- 绘制 — 画笔或形状点击拖动。文字点击放置。
- 配置 — 设置画笔大小、颜色和填充。形状可选描边和填充。
- 背景 — 按需更改画布背景色。
- 下载 — 将画布保存为 PNG 图片。
- 清空 — 重置画布重新开始。
工作原理
画布为 HTML5 Canvas 元素。绘制使用 2D 上下文:画笔和橡皮用路径,形状用 rect/arc/line,文字用 fillText。鼠标/触摸事件捕获笔画和形状。画布状态存储在内存;下载使用 toDataURL('image/png')。核心绘制无外部库——原生 canvas API。Blob URL 仅用于下载。
所有计算均在您的浏览器中完成。不会向任何服务器发送数据。
使用场景与示例
- 草图 — 快速涂鸦和绘图。
- 标注 — 在截图或图表上标记。
- 图表 — 简单流程图或线框图。
- 签名 — 快速签名。
- 教学 — 演示形状和颜色。
示例
- 画笔,红色,大小 5 → 绘制红色自由线。
- 矩形工具 → 点击拖动绘制矩形。
- 文字工具 → 点击放置文字;在对话框中输入。
限制与已知约束
- 无图层 — 单图层;除清空外无撤销/重做。
- 不持久 — 刷新后画布状态丢失。
- 基础工具 — 无渐变、图案或高级滤镜。
- 仅 PNG — 下载格式为 PNG;无 JPEG 或 SVG 导出。