2017-08-04 101 views
0

html2canvasとJsPDFを使用してフルページをpdf形式で保存したかったのです。私が試みた方法のどれもうまくいかないようです。Html2CanvasとJsPDFを使用してフルページを印刷するには

html2canvas(document.body, { 
     allowTaint: true, 
     onrendered: function(canvas) { 
      var image = canvas.toDataURL('image/png'); 

      var pdf = new jsPDF(); 
      pdf.addImage(image, 'JPEG', 0, 0); 
      pdf.save('invoice.pdf'); 
     } 
    }); 

現在、これは完全なページ/コンテナを印刷する方法のみビューポート

を印刷します。または他のより良い選択肢?

+0

印刷メディアクエリを使用しますか?文書の内容を印刷したいだけですか? – Pixelomo

+0

一部のスタイリングは、ネイティブ印刷オプションではサポートされていません。だから@AlanSutherland –

+0

@SibiRajあなたは 'html2canvas'と' pdfmake'を使うことができます –

答えて

0

は、なぜあなたはPDFとしてこれを保存している

@media print { 
     body, html { 
      width: 100%; 
      margin-top: 0%; 
      display: block; 
      height: 100%; 
     } 
} 
+0

ありがとうございます。私は –

+0

をご覧になります。私の答えが受け入れて、それをアップしてください。 – Pixelomo

+0

デフォルトの印刷オプションにはブラウザ間での制限とバリエーションがあります。もっと良い選択肢を探しています –

関連する問題