2017-08-23 12 views
-1

私は現在、学生の詳細を含むフォームのようなウェブページを印刷しなければならないプロジェクトで働いています。 window.print()を使用してWebページを印刷しようとすると、PDFのページの書式が変わります。ウェブページの形式をPDFに変換したままにする

ウェブページのオリジナルフォーマットをPDFに保存するにはどうすればいいですか? 私を助けてください!前もって感謝します。

+0

'html'を' pdf'に変換する他のライブラリを試しましたか? –

答えて

0

jsPDFはプラグインを使用できます。 HTMLを印刷できるようにするには、特定のプラグインを含める必要があります。したがって、次の操作を行う必要があります。

jsPDFにアクセスし、最新バージョンをダウンロードしてください。

  • jspdf.js
  • jspdf.plugin.from_html.js
  • jspdf.plugin.split_text_to_size.js
  • jspdf.plugin.standard_fonts_metrics.js
  • : は、プロジェクトに以下のスクリプトを含めます

特定の要素を無視する場合は、IDとマークする必要があります。この要素は、特殊要素ハンドラjsPDFで無視できます。したがって、あなたのHTMLは次のようになります。

<!DOCTYPE html> 
<html> 
    <body> 
    <p id="ignorePDF">don't print this to pdf</p> 
    <div> 
     <p><font size="3" color="red">print this to pdf</font></p> 
    </div> 
    </body> 
</html> 

次に、あなたがポップアップで作成したPDFファイルを開くには、次のJavaScriptコードを使用します。

var doc = new jsPDF();   
var elementHandler = { 
    '#ignorePDF': function (element, renderer) { 
    return true; 
    } 
}; 
var source = window.document.getElementsByTagName("body")[0]; 
doc.fromHTML(
    source, 
    15, 
    15, 
    { 
     'width': 180,'elementHandlers': elementHandler 
    }); 

doc.output("dataurlnewwindow"); 

私にとっては、これが唯一含ま素晴らしく、きちんとPDFを作成しました'これをpdfに印刷する'という行。