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');

for (let page of pages) {
  convertToPng(page);
}

async function convertToPng(page) {
  const dataUrl = await domtoimage.toPng(page);
  console.log(dataUrl);
}