在线生成pdf时出现奇怪的问题

Question

我在使用jsPDF时遇到了问题，当我在本地PC上进行测试时，生成的PDF很好，但是当我在线上传并尝试生成时，它看起来像是在滑动，就像在图片中一样

Here is the link to sample image

我曾经尝试仅从HTML创建PDF，但是有很多问题，然后我决定从html创建图像，然后将其添加到jsPDF页面，其2页ID卡中，然后生成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();
                            }
                        });
                  }
              });