HTMLをPDFに変換する方法-htmlチュートリアル-php.cn

Hello, World!

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLをPDFに変換する方法

PHPz

Feb 24, 2024 am 08:36 AM

html pdf 変換する

HTMLをPDFに変換する方法

HTML から PDF への変換は、Web 開発における一般的な要件の 1 つです。以下では、特定のコード例を使用してこの機能を実装する方法を説明します。

まず最初に、よく使われるオープンソースライブラリ pdfmake を紹介します。 pdfmake は、JSON オブジェクトを使用して PDF の構造、スタイル、コンテンツを指定できる PDF を生成するための JavaScript ライブラリです。使用する前に、npm を通じてインストールする必要があります:

npm install pdfmake

ログイン後にコピー

インストールが完了すると、プロジェクトで使用できるようになります。次に、pdfmake を使用して HTML コンテンツを含む PDF ファイルを生成する簡単な例を示します。

const pdfMake = require('pdfmake');

// 创建一个包含HTML内容的PDF文档
function createPdf(htmlContent) {
  const docDefinition = {
    content: [
      {
        // 使用HTML内容
        html: htmlContent
      }
    ]
  };

  const pdfDoc = pdfMake.createPdf(docDefinition);
  return pdfDoc;
}

// 保存PDF文件到本地
function savePdf(pdfDoc, filePath) {
  pdfDoc.getBuffer((buffer) => {
    // 将PDF数据写入文件
    fs.writeFileSync(filePath, buffer);
  });
}

// 示例：将HTML转化为PDF
const htmlContent = `
  <html>
    <head>
      <style>
        body {
          font-family: Arial, sans-serif;
        }
        h1 {
          color: red;
        }
        p {
          font-size: 14px;
        }
      </style>
    </head>
    <body>
      <h1 id="Hello-World">Hello, World!</h1>
      <p>This is a sample HTML content.</p>
    </body>
  </html>
`;

const pdfDoc = createPdf(htmlContent);
savePdf(pdfDoc, 'output.pdf');

ログイン後にコピー

上記のコードでは、まず HTML コンテンツを含むドキュメントを作成します。次に、pdfmake.createPdf() メソッドを使用して PDF ドキュメントオブジェクトを作成します。最後に、pdfDoc.getBuffer() メソッドを通じて PDF データを取得し、ファイルとして保存します。

サンプルコードでは一部の JavaScript モジュール (fs など) が使用されており、これらのモジュールをプロジェクトで使用するには追加の構成とインストールが必要になる場合があることに注意してください。

要約すると、pdfmake ライブラリを使用すると、HTML を PDF に簡単に変換できます。この記事では、参考用の簡単なサンプルコードを提供します。必要に応じてさらに調整や最適化を行うことができます。お役に立てれば！

以上がHTMLをPDFに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。