Конвертировать страницу начальной загрузки в PDF?

Question

Я ищу способ конвертировать страницу, созданную с помощью Bootstrap, в PDF. Я играл с jsPDF и могу сохранять контент в формате pdf, но я не уверен, как перевести дизайн в pdf.

Кто-нибудь делал это раньше или у кого-нибудь есть предложения?

Answer 1

Мой обходной путь - использовать html2canvas для создания изображения веб-страницы, а затем сохранить это изображение в формате PDF с помощью jsPDF.

<!-- jsPDF -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.debug.js" integrity="sha384-THVO/sM0mFD9h7dfSndI6TS0PgAGavwKvB5hAxRRvc0o9cPLohB0wb/PTA7LdUHs" crossorigin="anonymous"></script>
</html>

<!-- html2canvas -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<script>
    html2canvas(document.body,
    {
        onrendered:function(canvas)
        {

            //create image from web page
            var img = canvas.toDataURL("image/png");

            //create pdf object and add image to it, and then save
            var doc = new jsPDF('landscape');
            doc.addImage(img,'JPEG',5,5);
            doc.output('save', 'path/and/filename');

        }
    });
</script>