2016-09-15 13 views
1

私はjsPDFを見ましたが、プラグインはエクスポートされたPDFのCSSを取り除いています。私もhtml2canvasを見てきましたが、それは現在のウィンドウのスクリーンショットをとります。私のHTMLコンテンツはユーザーから隠されていて、HTMLブロックからその場でPDFを作成するソリューションを探しています。助言がありますか?Javascriptを使用してHTML/CSSをPDFに変換するにはどうすればよいですか?

EDIT: jsPDFにhtml2canvasを作成しようとしましたが、空のPDF文書があります。誰かがなぜ私に教えてくれますか? http://jsfiddle.net/5ud8jkvf/6320/

$('.download').on('click', function(){ 
    html2canvas($('.print'), { 
    onrendered: function(canvas) { 
     $('#canvas').replaceWith(canvas); 
    }, 
    //width: 200, 
    //height: 200 
    }); 
    setTimeout(function(){ 
     var doc = new jsPDF(); 
     var specialElementHandlers = { 
     '#editor': function (element, renderer) { 
      return true; 
     } 
     }; 

    doc.fromHTML($('canvas').html(), 15, 15, { 
     'width': '200', 
      'elementHandlers': specialElementHandlers 
    }); 
    doc.save('sample-file.pdf'); 

    }, 500); 
}); 
+0

http://stackoverflow.com/質問/ 391005/convert-html-css-to-pdf-with-php – Benjamin

+0

簡単な解決策はありません。 JavaScriptで完全なWebブラウザの半分を実装する必要があります。私はこのプログラムを使ってサーバー上でPDFを生成します:http://wkhtmltopdf.org/。 – Michas

答えて

2

次のようにあなたはあなたのHTMLコンテンツは、あなたがそうのようにアクセスすることができるはず隠されていることは問題ないはず、html2canvasを使用することができます。

var pdf = new jsPDF('p', 'pt', 'letter'); 
pdf.addHTML($('#hiddenElement').html(), function() { 
    pdf.save('Test.pdf'); 
}); 
+0

[OK]を、私はこれを試してみました - html2canvasとjsPDFの組み合わせ:http://jsfiddle.net/5ud8jkvf/6320/なぜPDFが空の文書を返すのか? – ultimatecoder

関連する問題