JavaScript を使用して HTML を PDF に変換する方法

HTML を PDF に変換する方法（JavaScript を使用）

HTML を PDF に変換する方法について、いくつかのオプションをご紹介します。以下に、コード例とともに具体的な方法を説明します。

jsPDF ライブラリを使用する方法: jsPDF ライブラリは、JavaScript で動作するオープンソースのライブラリであり、HTML を PDF に変換する機能を提供しています。以下は、使用例です。

// jsPDF ライブラリを読み込む
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
// HTML を PDF に変換する関数
function convertHTMLtoPDF() {
  const pdf = new jsPDF();
  const element = document.getElementById("your-html-element-id"); // 変換したい HTML 要素の ID を指定する
  // HTML を PDF に変換
  pdf.html(element, {
    callback: function (pdf) {
      // PDF を保存または表示する
      pdf.save("converted.pdf");
    },
  });
}

Puppeteer ライブラリを使用する方法: Puppeteer は、Headless Chrome を制御するための Node.js ライブラリです。以下は、Puppeteer を使用して HTML を PDF に変換する例です。

const puppeteer = require("puppeteer");
async function convertHTMLtoPDF() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto("http://example.com"); // 変換したい HTML の URL を指定する
  // ページ全体を PDF に変換
  await page.pdf({ path: "converted.pdf", format: "A4" });
  await browser.close();
}

上記の例では、Puppeteer を使用して指定した URL の HTML を PDF に変換しています。

これらは HTML を PDF に変換するための一般的な方法のいくつかです。実際の使用に合わせて適切な方法を選択してください。