stackoom
  简体   繁体   中英

How to convert HTML page in multi page PDF in JavaScript

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

Question

I have following html page

<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.

2 answers

solution1
 0  2020-02-05 14:34:21

You could loop over the images using Javascript. Then for each image store is as an data url with dom-to-image here

and print each dataUrl with pdfmake here

solution2
 0  2020-02-05 14:43:52

Use css property page-break-before: always;

See example HTML below:

<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>

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to convert html page to a pdf using javascript Convert an HTML page to PDF from JavaScript How to convert HTML page to PDF then download it? JavaScript how save a html page to a pdf? Convert HTML into PDF break by page Convert HTML page along with CSS into PDF using Java or JavaScript How can I take snap shot and convert to PDF of section of HTML page in JavaScript without any Library? multi page form html javascript how to convert a web page into pdf by button click in html5 How to display HTML5 convert of a PDF on page without using an IFrame?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM