Node.jsでHTMLを画像に変換する方法

2024-03-08 03:50 Node.js HTML変換 画像処理

まず、"node-html-to-image"モジュールをインストールする必要があります。npmを使用して以下のコマンドを実行します:

npm install node-html-to-image

次に、以下のようなコードを作成してHTMLを画像に変換することができます:

const { convert } = require('node-html-to-image');
async function convertHtmlToImage() {
  try {
    const image = await convert({
      html: '<html><body><h1>Hello, World!</h1></body></html>',
      quality: 100,
      type: 'jpeg',
      puppeteerArgs: { args: ['--no-sandbox'] },
    });
    console.log(image); // 変換された画像のバイナリデータを表示
  } catch (error) {
    console.error('画像変換エラー:', error);
  }
}
convertHtmlToImage();

上記のコードでは、convert関数を使用してHTMLを画像に変換しています。htmlパラメータに変換したいHTMLのコードを指定し、qualityパラメータで画像の品質を指定します（0から100の範囲で指定できます）。typeパラメータで出力する画像の種類（jpegやpngなど）を指定します。また、puppeteerArgsパラメータにはPuppeteerのオプションを指定することができます。

コードの実行結果として、変換された画像のバイナリデータが表示されます。このデータをファイルに保存したり、他の処理に利用することができます。

以上がNode.jsでHTMLを画像に変換する方法とコード例のご紹介です。この方法を活用して、ブログ投稿などでHTMLを画像として表示する際に役立ててください。