html2pdf явно не учитывает ширину и высоту div - PullRequest
Новая
       14

html2pdf явно не учитывает ширину и высоту div

0 голосов
/ 07 февраля 2020

Я создаю свой элемент div и помещаю его в библиотеку html2pdf ( ссылка ) при создании PDF. Я генерирую размер для элемента div с такими JS logi c: 

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();

. Я вижу элемент на теле, если я решу не удалять его, и я вижу размер для элемента на снимке экрана ниже: enter image description here

Но когда я открываю PDF, он не учитывает этот размер и вместо полной ширины, как показано на снимке экрана ниже: enter image description here

Что мне здесь не хватает?

1 Ответ

0 голосов
/ 13 февраля 2020

Не устанавливайте размер холста, установите размер PDF. Что-то вроде: 

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