JSFiddle - React, Tailwind, and code Playground

by Gorka Hernande\

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.js"></script>
<div class="page">Hello 1</div>
<div class="page">Hello 2</div>
<div class="page">Hello 3</div>
<div class="page">Hello 4</div>

JavaScript 1.7

let pages = document.querySelectorAll('.page');

async function getPageUrls() {
	for (let page of pages) {
  	const url = await convertToPng(page);
    console.log(url);
  }
}

async function convertToPng(page) {
  return await domtoimage.toPng(page);
}

getPageUrls();