JS создать pdf?

Question

[Богдан]

Здравствуйте. Не подскажите как лучше всего реализовать формирование документа в pdf на стороне клиента в JS. Спасибо.

Answer 1

[Aligatro]

jsPDF, pdfmake, PDFkit

Comments

[Богдан]

А не подскажите как лучше всего таблицу экспортировать в pdf, а то я поверхностно ознакомился со всем инструментами, и решения не вижу. Если с canvas то непонятно как сделать если таблица на более чем одну страницу А если рисовать самому то как тогда быть с переносом строк? Не подскажите как Вы решаете такие вопросы?

Answer 2

[IlliaKharytonov]

Я использовал rasterizeHTML + jsPDF:

rasterizeHTML.drawHTML($('#wrap')[0].outerHTML,canvas).then(function success(renderResult) {
            canvas = document.getElementById("canvas_c");

            var data=canvas.toDataURL();

            // resize the canvas
            canvas.width = width;
            canvas.height = height;

            // scale and redraw the canvas content
            var img=new Image();
            img.onload=function() {
                var ctx=canvas.getContext("2d");
                ctx.drawImage(img,0,0,img.width,img.height,0,0,canvas.width,canvas.height);
                var imgData = canvas.toDataURL("image/png", 1.0);
                var doc = new jsPDF();
                doc.addImage(imgData, 'PNG', 5, 5, width/15, height/15);
                doc.save('filename.pdf');
            };
            img.src=data;

        });

Comments

[Богдан]

А если у Вас блок который Вы в картинку сохраняте по разимеру больше страницы, то тогда как Вы решаете данную ситуацию?

[IlliaKharytonov]

Богдан: Насколько я помню, я подгонял просто руками, т.к. он был более-менее одинаковый. Да, видите, ширина и высота делится на 15.

[Богдан]

Спасибо. А если у Вас на выходе получается многостраничный документ, то как тогда странички делить?

[IlliaKharytonov]

Богдан: не знаю, если честно. Надо ковыряться.

[Богдан]

IlliaKharytonov: если что наковыряете, дайте знать ))