堆棧內存溢出
  簡體   English   中英

如何在 JavaScript 中轉換多頁 PDF 中的 HTML 頁面

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

 原文  2020-02-05 14:27:23  4   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