Javascript html2pdf未显式设置分区宽度和高度

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

我正在构建我的div元素,并在生成PDF时将其放入html2pdf库()中。我正在使用这样的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时,它并没有尊重该大小,而是全宽,如下面的屏幕截图所示:


我在这里遗漏了什么?

不要设置画布的大小,请设置PDF的大小。比如:

html2pdf()
    .set({
        filename:petName+'_Kennel_Card_'+sizeSelected+'.pdf',
        margin:1
        jsPDF: {format:[canvasSizeObj.width,canvasSizeObj.height]}
     })
    .from(popupDOMContent)
    .save();