html-pdf-adaptive v1.0.8

HTML TO PDF

Install

npm i html-pdf-adaptive --save

or

<script src="https://unpkg.com/html-pdf-adaptive@[version]/src/html2pdf.min.js"></script>

• version: current version

Usage

import html2PDF from "html-pdf-adaptive"

const el = document.querySelector(".container")
document.querySelector("#renderPdf").addEventListener("click", () => {
  html2PDF(el)
})

or

<script src="https://unpkg.com/html-pdf-adaptive@[version]/src/html2pdf.js"></script>
<script>
window.onload = function () {
    const el = document.querySelector('.container')
    document.querySelector('#renderPdf').addEventListener('click', () => {
        window.html2PDF(el, {
            mode: 'adaptive',
            pagesplit: true,
            offset: {
                x: 20,
                y: 20
            },
            outputType: 'save',
            isToggleStyle: true,
            useCORS: true,
            useDefaultFoot: true,
            onProgress: (percent, pageNum, bloburl) => {
                console.log(`${percent}%, 第${pageNum}页, ${bloburl}`)
            },
            onComplete: (bloburl) => {
                console.log(bloburl)
            }
        })
    })
}

</script>

API

Suggestions

• mode 'adaptive' or 'fixed' will work by pagesplit is true
• header & footer disabled in a single page PDF
• header & footer DOM will use cache to improve performance
• mode adaptive not yet processing the node style sets the height of the column
• useCORS maybe need server client
• no processing too long Image node or too long Text node

Callback

onProgress(percent, pageNum, output, outputType) {}
onProgress(output) {}

Return

Promise {\: undefined}