Vue使用html2Canvas和canvas2Image下載二維碼會模糊的問題解決方法

// 下載二維碼圖片的方法
saveImg() {
  var self = this;
  html2canvas(document.querySelector(".savePic"), { 5     scale: 5 // 縮放比例，默認是1
6   }).then(function(canvas) {
    Canvas2Image.saveAsPNG(canvas, 400, 500, self.showName);
  });
},

因為默認.savePic的大小並沒有400x500，所以生成的圖片比較模糊。為了提高清晰度，在html2canvas里面設置scale的值就可以了，具體要多少，看情況設置即可。