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


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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM