外部css是否應用於jsPDF生成的pdfs

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');

   });


});

其中main是div的id，其內容我想導出為pdf。 內容導出為pdf但不是整個內容（pdf被剪切）。 它可以是動態內容。 我在外部文件中的css也沒有得到應用，像表格行 ，背景顏色等樣式沒有被應用。

如何在生成之前將外部css應用於pdf？ 甚至可以使用jsPDF ..？ 請給我任何建議。

提前致謝

Answer 1

據我所知，jsPDF沒有采取外部CSS。 它實際上甚至不采用內聯css。 目前不適合使用jspdf將html轉換為pdf。

希望這可以幫助。

Answer 2

請記住，當您使用HTML格式化PDF時，它實際上是將它們打印到文件中。 這意味着你需要理想地創建一個打印樣式表，但也要記住，打印樣式表意味着它忽略了背景顏色之類的東西。 解決這個問題的方法是在打印樣式表中使用背景圖像作為顏色。

另見本文， http：//css-tricks.com/dont-rely-on-background-colors-printing/

希望有所幫助