生成pdf时在JsPDF中添加Css

Question

我已经被困了好几天了。 我已经使用 jsPDf lib 创建了 pdf，并且我试图在创建的 pdf 中使用 css。生成的 PDF 是这样的https://prnt.sc/tq9gqx，我想制作像 https://prnt.sc/tq9ivi 这样的 pdf。 我们将非常感谢您的帮助。

<script>
   function demoFromHTML() {
      var pdf = new jsPDF('p', 'pt', 'a4', true);
      source = $('#content')[0];
      specialElementHandlers = {
         '#bypassme': function (element, renderer) {
            return true
         }
      };
      margins = {
         top: 80,
         bottom: 60,
         left: 40,
         width: 522
      };
      pdf.fromHTML(
            source,
            margins.left,
            margins.top, {
               // y coord
               'width': margins.width, // max width of content on PDF
               'elementHandlers': specialElementHandlers
            },
            function (dispose) {
               pdf.save('ticket');
               var pdfBase64 = pdf.output();
               var email= 'check@email.com';
               $.ajax({
                  'url': baseUrl + '/site/email',
                  'method': 'post',
                  'data': {
                     'pdfBase64': pdfBase64,
                     'email':email
                  },
                  'success': function (result) {
                     if (!result == 'true') {
                        notify('Sorry Email NOt sent', 'danger');
                     } else {
                        notify('Ticket sent', 'success');
                     }
                  },
                  'error': function (error) {
                     notify('Server Error. Sorry Email Not Sent', 'danger');
                  }
               });

            }, margins
      );


      // $('#email').val(pdfBase64);
   }
</script>

Answer 1

不要将样式放在外部文件中。你可以应用你的样式内联或相同的文件。