Странная проблема при генерации PDF онлайн - PullRequest
Новая
       7

Странная проблема при генерации PDF онлайн

0 голосов
/ 17 января 2019

У меня есть проблема с jsPDF, когда я тестирую на локальном компьютере, я генерирую PDF хорошо, но когда я загружаю онлайн и пытаюсь сгенерировать, он выглядит как скользкий, как на картинке

Вот ссылка на образец изображения

Я пытался просто создать PDF из HTML, но проблем было много, затем я решил создать изображение из HTML, затем добавить его на страницу jsPDF, его двухстраничную идентификационную карточку, затем сгенерировать PDF, он хорошо работает на локальных и Иногда он работает нормально, но в большинстве случаев он не работает, как на картинке. 

var qrcode = new QRCode("qrBox", { text: "https://sis.paragonisc.edu.kh/verify?code="+studentId, width: 180, height: 180, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });
            var settings = { output: 'css', bgColor: '#FFFFFF', color: '#000000', barWidth: 5, barHeight: 100, moduleSize: 10, addQuietZone: true, showHRI: false, };
            $("#barCodeBox").barcode(studentId, 'code39', settings);
            var pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: [759, 1200] });
            var imgData = ""; var imgData2 = "";

            html2canvas($("#printPage"), {
                  onrendered: function(canvas) {
                      imgData = canvas.toDataURL('image/jpeg');
                      pdf.addImage(imgData, 'JPG', 0, 0, 759, 1200);
                      $('#printPage').hide();
                      $('#printPage2').show();
                      pdf.addPage();
                      html2canvas($("#printPage2"), {
                            onrendered: function(canvas) {
                                imgData2 = canvas.toDataURL('image/jpeg');
                                pdf.addImage(imgData2, 'JPG', 0, 0, 759, 1200);
                                pdf.save(arr[1]+'-'+arr[0]+'-'+studentId+'.pdf');
                                $('#qrBox').empty();
                                $('#loading').hide();
                            }
                        });
                  }
              });
...