javascript - 外部 css 是否应用于 jsPDF 生成的 pdf

Question

我已经开始使用 jspdf 制作一些演示。我有一个 html 文件，我的 css 在外部文件中。

我已经编写了以下代码来生成我的 pdf

$('#pdfButton').on('click', function(){

   var pdf = new jsPDF('p','in','letter')
   , source = $('#main')[0]
   , specialElementHandlers = {
      '#bypassme': function(element, renderer){
      return true
      }
   }

  pdf.fromHTML(
     source // HTML string or DOM elem ref.
      , 0.5 // x coord
      , 0.5 // y coord
      , {
            'width':700 // max width of content on PDF
            , 'elementHandlers': specialElementHandlers
       }
   )
   pdf.output('dataurl');

   });


});

其中 ma​​in 是我要将其内容导出为 pdf 的 div 的 ID。内容导出为 pdf 但不是全部内容(pdf 被剪切)。它可以是动态内容。我在外部文件中的 css 也没有得到应用，table-row、背景颜色等样式没有得到应用。

如何在生成 pdf 之前将我的外部 css 应用到 pdf？jsPDF甚至有可能吗？请提出任何建议。

提前致谢

Answer 1

据我所知，jsPDF 不采用外部 css。事实上，它甚至不采用内联 CSS。目前不适合使用 jspdf 将 html 转换为 pdf。

希望这对您有所帮助。