html pdf 在div中显示,html2pdf不考虑显式设置的div width和height

我正在构建我的div元素并将其放入html2pdf库中(

link

)当我生成PDF时。我用这样的JS逻辑生成div元素的大小:

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文件时,它并没有尊重这个尺寸,而是全宽,如下截图所示:

我错过了什么?