博客 / 詳情

返回

vue導出pdf

vue中實現頁面導出pdf的功能

  1. 所需插件 html2canvaspdfmake
  2. 原理就是將頁面截圖,然後生成pdf文件,具體代碼如下
const main = ref()
async function exportPdf() {
  const canvas = await html2canvas(main.value, {
    allowTaint: true,
    scale: 2,
  })
  const imgBase64 = canvas.toDataURL("image/jpeg")
  const doc = {
    pageSize: { width: canvas.width, height: canvas.height },
    pageMargins: 0,
    content: [
      {
        image: imgBase64,
      },
    ],
  }
  pdfMake.createPdf(doc).download("test.pdf")
}
user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.