Javascript html2pdf未显式设置分区宽度和高度
我正在构建我的div元素,并在生成PDF时将其放入html2pdf库()中。我正在使用这样的JS逻辑生成div元素的大小:Javascript html2pdf未显式设置分区宽度和高度,javascript,html-to-pdf,Javascript,Html To Pdf,我正在构建我的div元素,并在生成PDF时将其放入html2pdf库()中。我正在使用这样的JS逻辑生成div元素的大小: switch (sizeSelected) { case '3x5': canvasSizeObj.width = 288; canvasSizeObj.height = 480; break; case '4x6': canvasSizeObj.width = 384; can
switch (sizeSelected) {
case '3x5':
canvasSizeObj.width = 288;
canvasSizeObj.height = 480;
break;
case '4x6':
canvasSizeObj.width = 384;
canvasSizeObj.height = 576;
break;
case '5x7':
canvasSizeObj.width = 480;
canvasSizeObj.height = 672;
break;
case '8x8':
canvasSizeObj.width = 768;
canvasSizeObj.height = 768;
break;
}
var divContent = document.createElement('div'),
popupDOMContent = document.createElement('div');
divContent.classList.add('popupDOMContent');
divContent.setAttribute('style','height:'+canvasSizeObj.height+'px');
divContent.setAttribute('style','width:'+canvasSizeObj.width+'px');
document.body.appendChild(divContent);
popupDOMContent.classList.add('popupDOMContent');
html2pdf()
.set({filename:petName+'_Kennel_Card_'+sizeSelected+'.pdf',margin:1})
.from(popupDOMContent)
.save();
popupDOMContent.remove();
如果我选择不移除,我可以在主体上看到该元素,并且我可以在下面的屏幕截图中看到该元素的大小设置:
但是,当我打开PDF时,它并没有尊重该大小,而是全宽,如下面的屏幕截图所示:
我在这里遗漏了什么?不要设置画布的大小,请设置PDF的大小。比如:
html2pdf()
.set({
filename:petName+'_Kennel_Card_'+sizeSelected+'.pdf',
margin:1
jsPDF: {format:[canvasSizeObj.width,canvasSizeObj.height]}
})
.from(popupDOMContent)
.save();