async method for creating a data URL from a canvas

canvasToDataUrl.js

function canvasToDataURL(canvas, type='image/webp', option=0.1) {
  const promise = new Promise((resolve) => {
    requestAnimationFrame(() => resolve(canvas.toDataURL(type, option)));
  });

  return promise;
}

/*
Examples:
const dataUrl = await canvasToDataURL(myCanvas); // Use defaults
const dataUrl = await canvasToDataURL(myCanvas, 'image/jpeg', 0.75); // JPEG 75% quality
const dataUrl = await canvasToDataURL(myCanvas, 'image/png'); // PNG, no quality possible
*/