web-dev-qa-db-ja.com

jsPDFでaddHTML関数を使用する方法

JsPDFライブラリでaddHTML関数を使用する方法を教えてください。 WebページをPDFに変換しようとしています。 addHTML関数を使用したい。ヘッダー、ロゴ、本文などを含むPDFとしてWebページ全体を変換するために渡す必要があるパラメーターを教えてください

javascriptjspdf
21
Shireesh

まず、 jsPDF ライブラリと、 html2canvas または rasterizeHTML を含める必要があります。

次に、jsPDFオブジェクトを作成し、「body」タグ全体（または何でも）をpdfに保存します。

var pdf = new jsPDF('p','pt','a4');
pdf.addHTML(document.body,function() {
    pdf.save('web.pdf');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

<body>
    <p id="to-pdf">HTML content...</p>
</body>

JsPDF Webサイトでより多くの例を見つけることができます： http://mrrio.github.io/jsPDF/

31
gonzaloriestra