HTML2CANVAS не работает с прокручиваемым модальным - PullRequest
Новая
       7

HTML2CANVAS не работает с прокручиваемым модальным

0 голосов
/ 05 декабря 2018

Я не знаю, сколько раз я пытался это сделать.

В своем приложении я показываю огромный отчет в модальном (семантическом интерфейсе) с возможностью распечатать его.

Проблема в том, что когда я его печатаю (используя html2canvas, а затем jsPDF), он показывает только то, что видно на экране, и обрезает все остальное.

Я создал кодовую ручку, чтобы показать мою ситуацию.

там это 

html2canvas(document.getElementById('myModal2'), {
    allowTaint: false,
    useCORS: true
}).then(function(canvas) {
    downloadCanvas(document.getElementById('test'), canvas, 'test.png');
    modalButton.click();
});

РЕДАКТИРОВАТЬ 1

Я попытался изменить высоту модального содержимого, в коде ссылка будет работать,но в моем приложении это не так.

что-то мешает html2canvas видеть весь модальный контент, вот что он показывает.

picture of my problem

странная часть в том, что когда я нажимаю, чтобы напечатать снова, он сохраняет все модальное содержимое (я не знаю почему).

Я пытался:

  • создалcanvas два раза (каким-то образом они знают, что файл еще не загружен);
  • дважды создавал PDF (но только второй будетпрямо) (могу я отменить загрузку?);
  • изменить высоту в 1px на "исправить";

кто-нибудь, пожалуйста, помогите мне

...