Сохранить на странице PDF на невыбранной вкладке с сохранением стиля CSS - PullRequest
Новая
       26

Сохранить на странице PDF на невыбранной вкладке с сохранением стиля CSS

0 голосов
/ 10 июня 2019

В настоящее время мне удалось преобразовать отображаемую в данный момент HTML-страницу в несколько холстов, которые затем используются для создания многостраничного PDF-файла. Показанная в настоящий момент html-страница является элементом управления вкладкой с выбранной первой вкладкой.

Однако мне также нужно добавить в PDF вторую вкладку (в настоящее время не выбрана). Это включает в себя форматирование самой таблицы, так как обычный jsPDF, похоже, не справляется с этим.

Эта вторая вкладка находится под ng-show, поэтому она отображается в DOM.

Я использую столкновение jsPDF и html2canvas для извлечения различных страниц, необходимых для PDF. Однако это не работает для содержимого на невыбранной вкладке.

jsPDF может получать данные, но полностью исключает стиль CSS и вместо этого размещает свой собственный с несоответствующим размером.

Ниже приведена выдержка для частичного извлечения. Который работает. 

  var pdf = new jsPDF({
   orientation: 'landscape'
  });

  html2canvas(sumaryToPDF).then(function(canvas) {
    var img = canvas.toDataURL("image/jpeg");
    pdf.addImage(img, "JPEG", 30, 40, 230, 120);
    pdf.save("my-document.pdf");
  });

Как я могу извлечь данные с помощью стиля невыбранной вкладки, фактически не выбрав ее? Как только я смогу извлечь его, его довольно просто поместить в документ PDF для сохранения.

...