前端利用html2canvas+jspdf实现html转pdf

最新推荐文章于 2025-11-16 12:51:00 发布

原创

最新推荐文章于 2025-11-16 12:51:00 发布 · 634 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

公司业务的月报页面，要实现pdf下载，查了资料，大概有个方向，就是利用html2canvas把html转为图片，然后再生成pdf格式的文件实现了下载。
核心代码

import html2canvas from 'html2canvas';
import JSPDF from 'jspdf';
export default {
   
   
  install(Vue, options) {
   
   
    Vue.prototype.ExportSavePdf = function(htmlTitle, currentTime) {
   
   
      document.documentElement.scrollTop = 0;
      let element = document.getElementById('pdfCentent');
      html2canvas(element, {
   
   
        logging