canvas 的基本理解

# `HTML5CORE DAY03`
案例：写一个画板。（移动端）

涉及到相关移动端触摸事件：

> 1. `touchstart` 开始触摸。
> 2. `touchmove` 触摸移动 。
> 3. `touchcancel` 触摸操作被打断。
> 4. `touchend`  触摸结束。

实现思路：开始触摸时，开启一条新路径，触摸移动时，绘制路径并描边即可。

#### `Canvas`提供了一些绘制路径的常用方法

`ctx.rect()`用于绘制矩形路径

```javascript
ctx.rect(x, y, width, height)
```

`ctx.arc()`用于绘制圆弧路径

```javascript
// 绘制圆弧路径
// 参数：(圆心x, 圆心y, 半径, 起始弧度, 结束弧度)
ctx.arc(x, y, radius, startangle, endangle)
```
 
### `Canvas`动画

**动画的本质 就是每隔一段时间

canvas 的基本理解最先出现在Python成神之路。