使用jsPDF创建动态pdf内容

时间:2019-04-23 16:14:51

标签: javascript pdf jspdf html2canvas

我会生成具有动态内容的pdf。

文本内容可能会改变,因此它们的位置也会改变

实际上我是固定地固定文本位置,但是当文本内容更改时,它们的宽度是不一样的,这就是重叠的内容。

const pdf = new jsPDF('l', 'px', 'a4');
pdf.internal.scaleFactor = 0.75;
const elm = this.logoActivity.nativeElement.src;
pdf.addImage(elm, 'png', 20, 20, 50, 16);
pdf.setFontType("bold");
pdf.setTextColor(255, 182, 18);
pdf.text(150, -280, "dynamic txt");
pdf.setTextColor(0, 0, 0);
pdf.text(30, -250, _.startCase(this.dateOfTheDay));
console.log(this.filterService.filters$.value);
pdf.text(100, -250, this.activityService.activity);
pdf.save(`finename.pdf`);

我想知道如何像在HTML页面中那样放置元素(下一个元素放置在其后)。

我应该创建一个HTML模板,然后使用html2canvas渲染它吗? html2canvas的问题在于它会生成图像/画布,因此文本质量不如jspdf add-elements方法。

还有其他解决方案吗?

screen shot of issue

0 个答案:

没有答案