Как преобразовать динамические элементы HTML-страницы с внешним CSS в PDF в Angularjs? - PullRequest
Новая
       40

Как преобразовать динамические элементы HTML-страницы с внешним CSS в PDF в Angularjs?

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

Я хочу преобразовать div (который содержит несколько вложенных div и таблиц с динамическими данными и изображениями, полученными из серверной части) в PDF, а затем сохранить этот PDF в серверной части Python-флакона с помощью REST API.

  1. Я попытался с помощью window.print (), он дает ожидаемый PDF, но я не возможность перехватить выходные данные в переменной, чтобы отправить их на внутренний сервер. Пожалуйста, скажите, есть ли у них какой-либо способ сделать это.
  2. Я пытался использовать jsPDF, но он дал простой PDF-файл без CSS.
  3. Я также пытался использовать html2canvas и makepdf (код показан ниже), но это создает пустой файл PDF. Проверьте ниже код контроллера angularjs. 

  $scope.print_pdf = function()
{ console.log(1); 
html2canvas(document.getElementById('ss'), {
onrendered: function (canvas) { var data = canvas.toDataURL(); 
var docDefinition = { content: [{ image: data, width: 500, }] };
pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
} 
});
}

Я ожидаю pdf-файл со всеми css и изображениями, и при необходимости он может иметь несколько страниц. Но текущий вывод, который я получаю, - это пустой файл PDF.

...