canvas实现保存超出屏幕之外的内容

简述：先说一下，实现目标。
so,上图

因为，项目需求，需要把动态的课程表，实现点击保存按钮，实现将如上图一样的课程表保存到本地。
那么，实现的思路就是：

画布画出来，然后保存到本地

开发框架：uni，
开发工具：Hbulid-X，

既然有了思路，那么就好办了吧,我把课表分成了四个部分去画
1.左边的时间
2.顶部的场馆信息+底部的照片
3.底部的日期显示
4.课程表内容显示
把一张大图拆分四个部分画就很简单了。

但是，说一下，uni，编译成小程序的坑，首先，uni不支持es10的写法，亲测有效。

例如 ：项目中用到了 es10的String.trimStart() //截取字符串前面的空格 ，然后换成了String.trim()使用

此处已班生成课程表照片，封装成组件。话不多说，上菜

index.vue

课程表组件
course.vue