Capture elements with html2canvas

capture.js

async function capture(element, options = {}) {
  const module = await import('https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.esm.js')
  const html2canvas = module.default;
  return await html2canvas(element, options);
}

async function canvasToBlob(canvas, type, quality) {
  return await new Promise((resolve) => {
    canvas.toBlob(blob => resolve(blob), type, quality);
  });
}

function canvasToDataURL(canvas, type, quality) {
  return canvas.toDataURL(type, quality);
}

async function captureBlob(element, options = {}) {
  const canvas = await capture(element, options);
  return canvasToBlob(canvas, options.type, options.quality);
}

async function captureDataURL(element, options = {}) {
  const canvas = await capture(element, options);
  return canvasToDataURL(canvas);
}