使用jsPDF和Html2Canvas将图像添加到pdf

时间:2019-04-19 15:10:17

标签: javascript html dom jspdf html2canvas

我将从HTML元素中获取图片,然后将其添加到pdf中。

const pdf = new jsPDF('l', 'px', 'a4');
pdf.internal.scaleFactor = 0.75;
const logo = html2canvas(document.getElementById('activityLogo'))
pdf.addImage(logo, 'jpeg');
pdf.save(`file.pdf`);

在我的html中:

<ng-template #exportImage>
    <div class="pt-2 pb-5">
        <img alt="Information" id="activityLogo" src="assets/img/brand/png/Logo.png" width="100" />
    </div>
</ng-template>

实际上我得到一个错误:

Cannot read property 'ownerDocument' of null

编辑: 我添加了新行

const elm= document.getElementById('activityLogo')
console.log(elm) 

结果是null

可能是这里的错误,但是我不知道为什么我得到null

0 个答案:

没有答案