2

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はコンテンツを pdf としてエクスポートする div の ID です。コンテンツは pdf としてエクスポートされますが、コンテンツ全体ではありません (pdf が切り取られます)。動的コンテンツにすることができます。また、外部ファイルにある css が適用されず、table-row、 background-color などのスタイルが適用されません。

PDF が生成される前に外部 CSS を PDF に適用するにはどうすればよいですか? jsPDFでも可能ですか..？任意の提案をお願いします。

前もって感謝します

4

2 に答える 2

7

私の知る限り、jsPDF は外部 CSS を使用しません。実際、インラインCSSも必要ありません。現在、html を pdf に変換するために jspdf を使用することは適切ではありません。

お役に立てれば。

于 2013-12-24T07:52:06.340 に答える
1

HTML で PDF を作成しているときは、基本的にそれらをファイルに出力していることに注意してください。これは、理想的には印刷スタイルシートを作成する必要があることを意味しますが、印刷スタイルシートは背景色などを無視することを意味することにも注意してください。これを回避する方法は、印刷スタイルシートに色である背景画像を含めることです。

この記事も参照してください。http://css-tricks.com/dont-rely-on-background-colors-printing/

それが役立つことを願っています

于 2013-12-03T13:08:47.800 に答える