堆栈内存溢出
  繁体   English   中英

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

[英]How to convert HTML page in multi page PDF in JavaScript

 原文  2020-02-05 14:27:23  0   2    javascript/ jquery

问题描述

我有以下 html 页面

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

我想制作此页面的 pdf，但每个图像都应该在新页面上。

2 个解决方案

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

您可以使用 Javascript 遍历图像。 然后对于每个图像存储作为一个数据 url 与dom-to-image here

并在此处使用pdfmake打印每个 dataUrl

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

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

请参阅下面的示例 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>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使用 javascript 将 html 页面转换为 pdf 从JavaScript将HTML页面转换为PDF 如何将HTML页面转换为PDF然后下载？ JavaScript如何将HTML页面保存为PDF？ 按页面将HTML转换为PDF 使用Java或JavaScript将HTML页面和CSS转换为PDF 如何在没有任何库的情况下在JavaScript中拍摄快照并转换为HTML页面的PDF？ 多页表格 html javascript 如何通过在html5中单击按钮将网页转换为pdf 如何在不使用IFrame的情况下在页面上显示PDF的HTML5转换？
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM