<p>
<p>
JavaScript を使用して HTML Div から PDF を生成する
<p>
問題:
<p>ファイル内の HTML コンテンツを変換するJavaScript を使用して特定の div 要素を PDF に追加します。生成された PDF は、優先ファイル名で自動的にダウンロードされます。
<p>
プラグインで jsPDF を使用する解決策:
-
<p>次の jsPDF を含めますプラグイン:
- jspdf.plugin.from_html.js
- jspdf.plugin.split_text_t o_size.js
- jspdf.plugin.standard_fonts_metrics.js
-
<p>無視不要な HTML 要素に ID を割り当て、jsPDF 要素ハンドラーで除外します:
-
<p>doc.fromHTML を使用して HTML コンテンツを PDF に変換します:
var doc = new jsPDF();
var source = window.document.getElementsByTagName("body")[0];
doc.fromHTML(source, 15, 15, { width: 180, elementHandlers: elementHandler });
ログイン後にコピー
-
<p>PDF を新しいファイルで自動的に開きますwindow:
doc.output("dataurlnewwindow");
ログイン後にコピー
<p>
追加メモ:
- カスタム要素ハンドラーは、ID を持つ要素のみを照合できます。
- jsPDF は変換中に CSS スタイルを失いますが、見出しの書式設定 (h1、h2、など)。
- テキストエリアや同様の入力フィールドの値ではなく、テキストノード内のテキストのみが印刷されます。
以上がJavaScript を使用して HTML Div から PDF を生成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。