# 画板

![](https://s2.loli.net/2025/06/18/rcFahIiZVGn3vlC.png)

[https://www.565455.xyz/p/brd.html](https://www.565455.xyz/p/brd.html)

这是我刚学会使用`html`的`canvas`部件时的作品。创建本项目的想法，就想做一个类似于电子黑板的东西。

上图中，画布大小不是响应式布局，所以改变窗口大小这个可绘图区不会跟着变化。

- `新建`按钮会新建一个网页标签。
- `清空`按钮会清空当前画布。
- `粗细`按钮会更改画笔的粗细，一共有9个档位。
- `橡皮`按钮用来擦除笔画，本质是白色的画笔，粗细跟随`粗细`按钮。
- `撤销`按钮用于返回上一个笔画。此功能存在无法修复的bug。
- `绘图区`是黑色矩形方框围起来的部分，只能在这一部分绘制内容。