小程序 Canvas 导出图片记

手上有个小程序编辑图片导出的小项目。在去年（2021）编码的时候，根据文档打算采用 离屏 Canvas 实现导出，但实际写的时候，一直报一个大致为 xxx 没有 drawImage 属性 的很不 intuitive 的错误，于是开始检索，最终在社区看见有老铁遇到了类似的问题，评论区看下来大致得出个 当前离屏 Canvas 尚不支持 的结论。本着心智负担最小化的原则，最终采用 DOM 里放一个 position: fixed; top: -200vh; 的 Canvas，利用此 Canvas 来导出的方案，因此埋坑。

到最近，开始收到导出图片不清晰的反馈，反复调参、检索、脱发、祷告后，发现社区有直接采用离屏 Canvas 的方案，试了一下，可行，大喜。特此记录。

主要代码如下

const canvas = wx.createOffscreenCanvas({
   
    width, 
    height,
    type: '2d'
});
const ctx = canvas.getContext('2d')