【微信小程序采坑】用微信Canvas导出的图片到手机上会出现图片模糊问题

• 特别是分辨率高的手机，图片就越模糊。个问题其实和像素比有关，官方解释：destWidth和destHeight单位是物理像素（pixel），canvas绘制的时候用的是逻辑像素（物理像素=逻辑像素 * density），所以这里如果只是使用canvas中的width和height（逻辑像素）作为输出图片的长宽的话，生成的图片width和height实际上是缩放了到canvas的 1 / density大小了，所以就显得比较模糊了。
• 粗暴的解决方法：吧导出图片的大小设置为Canvas大小的2到4倍即可。

eg：

wx.canvasToTempFilePath({
      width: 170, //canvas原本的大小
      heght: 170,
      destWidth: 680,  //生成图片的大小设置成canvas大小的二倍
      destHeight: 680,
      canvasId: 'myCanvas',
      fileType: 'png',
      quality: 1,
      success: (res) => {
        console.log(1);
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
        });
      },
      fail: function (res) {
        console.log(res);
      },
    })