使用JSPDF添加图像

时间:2017-08-29 10:55:26

标签: javascript pdf jspdf

使用JSPDF在javascript中生成PDF,当我添加图像并生成PDF文件时,PDF文件在我第二次生成PDF之前不会显示图像。这是我的代码

            var doc = new jsPDF('p', 'pt', 'a4');

            var res = doc.autoTableHtmlToJson(document.getElementById("data-table-committee"));


            var header = function (data) {
                doc.setFontSize(18);
                doc.setTextColor(40);
                doc.setFontStyle('normal');
                doc.text("Committee Count List", data.settings.margin.left, 80);
                console.log('adding image');
                doc.addImage(headerImgData, 'PNG', data.settings.margin.left, 20, 150, 30);
                console.log('adding image done');
            };

            var options = {
                beforePageContent: header,
                margin: {
                    top: 50
                },
                startY: doc.autoTableEndPosY() + 20
            };

            doc.autoTable(res.columns, res.data, options);

            doc.save("Committee Count List.pdf");

我做错了什么?如何在第一次生成PDF时显示我的图像

1 个答案:

答案 0 :(得分:0)

您还可以使用pdfkit创建pdf。以下是使用图像生成pdf的代码。

var PDFDocument = require ('pdfkit');
var fs = require('fs');
doc = new PDFDocument
doc.pipe(fs.createWriteStream('output.pdf'))
doc.image('E:/sii/nodejs/uploads/public/uploads/test.jpg', {
   fit: [250, 300],
   align: 'center',
   valign: 'center'
});
doc.end()