Render HTML as image into Buffer in Node.js

Question

What is the easiest way to render a raw HTML string, such as:

<b>Hello World</b>

into a standard Node.js Buffer as a PNG image?

I've been searching all over npm for a module that'd let me do this, but I haven't been able to find one. They all seem to render directly into a file.

Possibly using a headless browser and its printing function. So look at puppeteer or similar. — Sirko
– Sirko, Commented Jul 17, 2018 at 4:06
@Sirko That's exactly what I was looking for. Thank you so much! I wish you replied with an answer so I could credit you. :) — Zeenobit
– Zeenobit, Commented Jul 17, 2018 at 4:16

Sirko · Accepted Answer · 2018-07-17 04:21:09Z

8

One way to do this is to simulate a browser environment using something like puppeteer and then use its screenshot/printing functions to create the PNG file.

Some code (after the puppeteer docu - not tested):

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setContent( yourHTMLCode );
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

answered Jul 17, 2018 at 4:21

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Render HTML as image into Buffer in Node.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related