在线画板
在浏览器中自由绘画，支持画笔粗细、颜色、橡皮擦、撤销，可下载为 PNG 图片。
在线画板
在线画板工具使用指南
📌 简介
在线画板是一款基于 HTML5 Canvas 的网页绘图工具，让您在浏览器中就能自由绘画、速写、标注，无需安装任何软件。支持多种画笔颜色、粗细调节、橡皮擦、撤销操作，并可将作品一键下载为 PNG 图片。适合快速记录灵感、制作简易示意图、给孩子涂鸦等场景。
📖 Canvas 绘图原理
Canvas 是 HTML5 提供的位图画布，通过 JavaScript 可以获取其 2D 上下文（Context），调用 API 绘制线条、形状、文字、图片。本工具通过监听鼠标和触摸事件，获取坐标点并用 lineTo 和 stroke 绘制路径。每次操作后保存画布快照，实现撤销功能。整个过程完全在浏览器本地完成，不涉及网络请求。
💼 常见应用场景
- 快速草图： 画简单的流程、示意图、思维导图草稿。
- 教学演示： 在线讲解时画图辅助说明。
- 孩子涂鸦： 让孩子在电脑上画画，避免浪费纸张。
- 会议记录： 在屏幕上快速画出想法分享给同事。
⚙️ 使用步骤
- 选择画笔颜色和粗细。
- 在画布上按住鼠标（或手指）拖动即可绘制。
- 点击“橡皮擦”可擦除笔迹，再次点击切换回画笔。
- 点击“撤销”回退上一步，点击“清空画板”清空所有内容。
- 点击“下载图片”将作品保存为 PNG。
⚠️ 注意事项
- 画板内容不会自动保存，刷新或关闭页面会丢失，请及时下载。
- 撤销历史最多保留 30 步，超出后自动丢弃最早记录。
- 移动端使用触摸绘制，效果与鼠标一致。
❓ 常见问题 (FAQ)
Q: 可以保存作品吗？
A: 可以。点击“下载图片”按钮即可将当前画板内容保存为 PNG 图片。
Q: 支持压力感应吗？
A: 当前版本仅支持固定粗细。如需压感效果，需要使用支持触控笔的设备和更高级的绘图库。
Q: 数据会上传吗？
A: 不会。画板内容完全保存在浏览器内存中，不会上传服务器。