如何在 JavaScript 中转换多页 PDF 中的 HTML 页面

Question

I have following html page我有以下 html 页面

<html>
  <body>
    <img src="..."/>
    <img src="..."/>
    <img src="..."/>
  </body>
</html>

I want to make the pdf of this page but every image should be on new page.我想制作此页面的 pdf，但每个图像都应该在新页面上。

Answer 1

You could loop over the images using Javascript.您可以使用 Javascript 遍历图像。 Then for each image store is as an data url with dom-to-image here然后对于每个图像存储作为一个数据 url 与dom-to-image here

and print each dataUrl with pdfmake here并在此处使用pdfmake打印每个 dataUrl

Answer 2

Use css property page-break-before: always;使用 css 属性 page-break-before: always;

See example HTML below:请参阅下面的示例 HTML：

<html>
  <head>
   <style>
     .page-heading { page-break-before: always; }
   </style>
  </head>
  <body>
    <img src="..."/>    
    <div class="page-heading">
       <img src="..."/>
    </div>
    <div class="page-heading">
       <img src="..."/>
    </div>
  </body>
</html>

如何在 JavaScript 中转换多页 PDF 中的 HTML 页面

问题描述

2 个解决方案

解决方案1
0 2020-02-05 14:34:21

解决方案2
0 2020-02-05 14:43:52

如何在 JavaScript 中转换多页 PDF 中的 HTML 页面

问题描述

2 个解决方案

解决方案1 0 2020-02-05 14:34:21

解决方案2 0 2020-02-05 14:43:52

解决方案1
0 2020-02-05 14:34:21

解决方案2
0 2020-02-05 14:43:52