vue3 如何将页面生成 pdf 导出

原文链接：vue3 如何将页面生成 pdf 导出图片前言最近工作中有需要将一些前端页面(如报表页面等)导出为pdf的需求，博主采用的是html2Canvas + jspdf。 -1; j < canvas.height; j += 200) { // 填充文字，x 间距, y 间距 ctx.fillText('水印名', i, j); }}3. 在目标页面引入方法即可import { htmlToPDF } from '@/utils/html2pdf'

<button @click="() => htmlToPDF('test-id','test pdf')">导出</button>效果如下：图片图片图片参考jsPDFVue3 导出 pdf 方案vue页面生成pdf且避免分页截断处理实现前端页面局部转 pdf 及 打印 加分页防止内容截断纯前端生成 PDF 之 jspdf 使用及注意事项jsPDF + html2canvas

vue3 如何将页面生成 pdf 导出

前言 最近工作中有需要将一些前端页面(如报表页面等)导出为pdf的需求，博主采用的是html2Canvas + jspdf。 < canvas.height; j += 200) { // 填充文字，x 间距, y 间距 ctx.fillText('水印名', i, j); } } 3. 在目标页面引入方法即可 import { htmlToPDF } from '@/utils/html2pdf'

<button @click="() => htmlToPDF('test-id','test pdf')">导出</button> 效果如下： 参考 jsPDF Vue3 导出 pdf 方案 vue页面生成pdf且避免分页截断处理 实现前端页面局部转 pdf 及 打印 加分页防止内容截断 纯前端生成 PDF 之 jspdf 使用及注意事项 jsPDF + html2canvas