如何将多页的角度页面导出为pdf

尼基塔

我有一个非常长的角形式,我需要将其转换为pdf。由于它是一种很长的格式,因此我必须将其分成较小的块,并以pdf的形式在多页中显示。我怎样才能做到这一点。而且我还需要为每个页面添加页眉和页脚。

我正在使用jsPDF和dom-to-image软件包进行pfd转换。

以下是我为pdf转换编写的代码:

exportPdf(){
    var doc = new jsPDF('potrait','px','a4');
    let imageData= new Image();
    imageData.src='../../assets/images/testimg.png';
    var filename="application";
    var options={};
    var img;
    var newImage;
    var node = document.getElementById('formContent');
    var numRowsToCut=3;
    var imagePieces=[];

      domtoimage.toPng(node, { }).then(function(dataUrl) 
      {
        img = new Image();
        img.src = dataUrl;
        newImage = img.src;
        img.onload = function(){

            var pdfWidth = img.width;
            console.log("image width "+pdfWidth);
            var pdfHeight = (img.height)/3;

            var width = doc.internal.pageSize.getWidth();
            console.log("width "+width);
            var height = doc.internal.pageSize.getHeight();

            for(var y = 0; y < numRowsToCut; ++y) {
              var canvas = document.createElement('canvas');
              var context = canvas.getContext('2d');
              context.drawImage(newImage, 0, y *pdfHeight, pdfWidth,pdfHeight, 0, 0,pdfWidth,pdfHeight);
              imagePieces.push(canvas.toDataURL());
          }            

            var docDefinition = {
            content: [{
                image: imagePieces[0],
                width: 500,
                pagebreak:'after'
            },
            {
              image: imagePieces[1],
              width: 500,
              pagebreak:'after'
          },
          {
            image: imagePieces[0],
            width: 500,
            pagebreak:'after'
        }],
            pageBreakBefore: function(currentNode) {
              return currentNode.style && currentNode.style.indexOf('myDivClass') > -1;
            }
          };
          pdfMake.createPdf(docDefinition).download(filename);
        };


      })
      .catch(function(error) {

        // Error Handling
        console.log(error);


      });

  }

任何帮助将不胜感激。

尼基塔

我从教程中获得了解决方案。将其张贴在这里,因为它可能会对其他人有所帮助。

使用jsPDF使用HTML文档的单个画布生成多页PDF

如何使用jsPDF和html2Canvas从HTML创建多页PDF

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery将HTML导出为PDF(多页)?

来自分类Dev

将多页的 html 导出为 pdf

来自分类Dev

将多页html导出为单个pdf

来自分类Dev

如何将特定页面从单个工作表导出为 pdf?

来自分类Dev

如何将页面布局设置为不同的母版页?

来自分类Dev

如何将JIRA报告导出为PDF?

来自分类Dev

如何将 react 组件渲染的数据导出为 pdf?

来自分类Dev

如何将 RadGantt 的全视图导出为 PDF?

来自分类Dev

如何将多页PDF转换为单页TIFF

来自分类Dev

如何将多页的ssrs报告数据导出到一张纸中

来自分类Dev

如何将多页 pdf 文件拆分为 ruby 中的多个 pdf 文件

来自分类Dev

如何将图像设置为pdf页面背景

来自分类Dev

您如何将信息页面输出为pdf?

来自分类Dev

如何将图像设置为pdf页面背景

来自分类Dev

如何将多页pdf转换为单个html文件

来自分类Dev

如何将角度生成的表从数据库导出为csv格式?

来自分类Dev

借助图表外部的按钮,如何将Highchart图表导出为PDF?

来自分类Dev

如何将PowerPoint中的两个不同的幻灯片导出为PDF文件?

来自分类Dev

如何将具有正常工作的外部超链接的LibreOffice文档导出为PDF?

来自分类Dev

借助图表外部的按钮,如何将Highchart图表导出为PDF?

来自分类Dev

如何将替代文本附加到导出为PDF的PowerPoint Art中

来自分类Dev

如何将Word文档导出为PDF并具有可选文本

来自分类Dev

如何将 vsc 中的 jupyter 交互式输出导出为 pdf

来自分类Dev

如何将PDF页面的内容旋转到任意角度?

来自分类Dev

如何将PDF页面的内容旋转到任意角度?

来自分类Dev

使用JSPdf生成将整个html页面导出为pdf

来自分类Dev

将活动页面导出为PDF(AppleScript + InDesign)

来自分类Dev

如何将长文本打印到多页

来自分类Dev

如何将长文本打印到多页

Related 相关文章

  1. 1

    如何使用jQuery将HTML导出为PDF(多页)?

  2. 2

    将多页的 html 导出为 pdf

  3. 3

    将多页html导出为单个pdf

  4. 4

    如何将特定页面从单个工作表导出为 pdf?

  5. 5

    如何将页面布局设置为不同的母版页?

  6. 6

    如何将JIRA报告导出为PDF?

  7. 7

    如何将 react 组件渲染的数据导出为 pdf?

  8. 8

    如何将 RadGantt 的全视图导出为 PDF?

  9. 9

    如何将多页PDF转换为单页TIFF

  10. 10

    如何将多页的ssrs报告数据导出到一张纸中

  11. 11

    如何将多页 pdf 文件拆分为 ruby 中的多个 pdf 文件

  12. 12

    如何将图像设置为pdf页面背景

  13. 13

    您如何将信息页面输出为pdf?

  14. 14

    如何将图像设置为pdf页面背景

  15. 15

    如何将多页pdf转换为单个html文件

  16. 16

    如何将角度生成的表从数据库导出为csv格式?

  17. 17

    借助图表外部的按钮,如何将Highchart图表导出为PDF?

  18. 18

    如何将PowerPoint中的两个不同的幻灯片导出为PDF文件?

  19. 19

    如何将具有正常工作的外部超链接的LibreOffice文档导出为PDF?

  20. 20

    借助图表外部的按钮,如何将Highchart图表导出为PDF?

  21. 21

    如何将替代文本附加到导出为PDF的PowerPoint Art中

  22. 22

    如何将Word文档导出为PDF并具有可选文本

  23. 23

    如何将 vsc 中的 jupyter 交互式输出导出为 pdf

  24. 24

    如何将PDF页面的内容旋转到任意角度?

  25. 25

    如何将PDF页面的内容旋转到任意角度?

  26. 26

    使用JSPdf生成将整个html页面导出为pdf

  27. 27

    将活动页面导出为PDF(AppleScript + InDesign)

  28. 28

    如何将长文本打印到多页

  29. 29

    如何将长文本打印到多页

热门标签

归档