# canvas 基本功能介绍

- canvas 能做什么

1. 绘制简单图形线条

2. 裁剪图片

- 开始绘制画布

新建html文档添加 canvas标签

```html

```

注：canvas 标签初始化是 width 和 height 就是固定值，后期修改会导致 canvas 中绘图部分失败

```javascript

```

注：加载img文件时，要等到img加载完成后才能绘制。所有和img绘制相关 放在img.loader 里面。

注：保存 base64 文件时要等到，canvas 内容全部加载完成后，才能全部保存，否侧只保存canvas加载内容。