如何解决如何在pdfmake PDF中的多个页面上划分图像?
使用Html2Canvas,我制作了页面的画布,然后获取了该画布的dataURI用作pdfmake的图像,当图像远远超出第一页底部时,仅生成一个页面。
下面还会显示其他定位问题,但主要是我正在寻找有关如何将图像分成多页的建议。
我当前的代码不包含画布和图像生成:
let pdfDefinition = {
content: [
{image: canvasImg.src}
],pageSize: 'A4',// [left,top,right,bottom] or [horizontal,vertical]
pageMargins: [ 40,60,40,60 ],}
包括画布生成的当前代码:
downloadPDF() {
document.getElementById("product-main").classList.add('manualPrintStyling');
var templateElement = document.getElementById("template-interactive");
console.log('tempalte ele: ',templateElement)
html2canvas(templateElement).then(function(canvasObj){
document.getElementById("product-main").classList.remove('manualPrintStyling');
console.log('canvas obj :',canvasObj)
let dataUrl = canvasObj.toDataURL(),canvasImg = document.createElement('img');
canvasImg.src = dataUrl;
console.log(dataUrl);
let pdfDefinition = {
content: [
{image: canvasImg.src}
],}
var pdf = pdfMake.createPdf(pdfDefinition).download();
})
谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。