# 扩展阅读清单：第10次课

> 对应教材：《微信小程序开发实战（第2版）》第4章
> 课程主题：文件操作与Canvas绘图
> 重点：文件上传下载、Canvas绑定、绘图API　难点：Canvas坐标系、绘图状态管理

---

## 官方文档 · 文件

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [wx.uploadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html) | 文档 | name / filePath / formData 三个关键参数 |
| 2 | [wx.downloadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html) | 文档 | 返回临时路径，需要保存才能长期使用 |
| 3 | [文件系统 FileSystemManager](https://developers.weixin.qq.com/miniprogram/dev/api/file/FileSystemManager.html) | 文档 | 临时文件与本地文件的完整说明 |
| 4 | [wx.openDocument 打开文档](https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html) | 文档 | 支持 pdf/doc/xls/ppt 等格式 |

## 官方文档 · Canvas

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 5 | [canvas 组件](https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html) | 文档 | 务必用 type="2d"，旧接口已不推荐 |
| 6 | [Canvas 2D 接口](https://developers.weixin.qq.com/miniprogram/dev/api/canvas/Canvas.html) | 文档 | 与 Web Canvas API 基本一致 |
| 7 | [MDN · Canvas API 教程](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial) | 文档 | 路径、变换、状态保存讲得最系统 |
| 8 | [MDN · Canvas 变换 transformations](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Transformations) | 文档 | 模拟时钟案例的理论依据 |

## 视频资源（检索关键词）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 9 | [B 站检索：「Canvas 时钟 绘制」](https://search.bilibili.com/all?keyword=Canvas%20%E6%97%B6%E9%92%9F%20%E7%BB%98%E5%88%B6) | 视频 | Web Canvas 的教程同样适用，重点看坐标变换那段 |

---

## 本课自查清单

看完资料后，用下面几个问题自测。答不上来的，回到对应文档再看一遍。

- [ ] 你能独立完成吗：文件上传与下载API
- [ ] 你能讲清楚吗：Canvas组件的使用方式
- [ ] 你能独立完成吗：Canvas 2D绑定的基本绘图
- [ ] 你能做到吗：使用Canvas绘制图形与文字
- [ ] 遇到「Canvas 拿不到节点」时，你知道从哪里开始查吗？
- [ ] 遇到「画出来的图很模糊」时，你知道从哪里开始查吗？
- [ ] 遇到「时钟指针越画越多」时，你知道从哪里开始查吗？

---

> 说明：以上链接均为官方文档、MDN 或知名开源仓库，可长期访问。
> 视频类资源只给检索入口而不写死具体视频链接——UP 主调整内容后单条链接极易失效，按关键词自行挑选近一年内、基于当前稳定版工具的教程更可靠。