jspdf 打印成pdf后模糊不清晰

const pdfDPI = 300;
import html2canvas from 'html2canvas'
// 设置截图的分辨率(单位为dpi)
const dpi = 300;
html2canvas(document.querySelector('#app'), {
    dpi: dpi, // 设置截图的分辨率
    scale: dpi / 96, // 设置截图缩放比例,以适应pdf的dpi
}).then(canvas => {
    const imgData = canvas.toDataURL('image/png');
    // 将截图添加到pdf文档中
    pdfDoc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight, '', 'FAST');
    
    // 导出pdf文档
    pdfDoc.save('export.pdf');
})

 

参考:https://www.5axxw.com/questions/simple/sonqdu

posted @ 2024-04-19 14:31  haha-uu  阅读(348)  评论(0编辑  收藏  举报