ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して HTML Div から PDF を生成するにはどうすればよいですか?

JavaScript を使用して HTML Div から PDF を生成するにはどうすればよいですか?

DDD
リリース: 2024-12-03 14:13:15
オリジナル
128 人が閲覧しました
<p>How Can I Generate PDFs from HTML Divs Using JavaScript?

<p>JavaScript を使用して HTML Div から PDF を生成する

<p>問題:

<p>ファイル内の HTML コンテンツを変換するJavaScript を使用して特定の div 要素を PDF に追加します。生成された PDF は、優先ファイル名で自動的にダウンロードされます。

<p>プラグインで jsPDF を使用する解決策:

  1. <p>次の jsPDF を含めますプラグイン:

    • jspdf.plugin.from_html.js
    • jspdf.plugin.split_text_t o_size.js
    • jspdf.plugin.standard_fonts_metrics.js
  2. <p>無視不要な HTML 要素に ID を割り当て、jsPDF 要素ハンドラーで除外します:

    <p>
    ログイン後にコピー
  3. <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 });
    ログイン後にコピー
  4. <p>PDF を新しいファイルで自動的に開きますwindow:

    doc.output("dataurlnewwindow");
    ログイン後にコピー
<p>追加メモ:

  • カスタム要素ハンドラーは、ID を持つ要素のみを照合できます。
  • jsPDF は変換中に CSS スタイルを失いますが、見出しの書式設定 (h1、h2、など)。
  • テキストエリアや同様の入力フィールドの値ではなく、テキストノード内のテキストのみが印刷されます。

以上がJavaScript を使用して HTML Div から PDF を生成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート