async method for creating an object URL from a canvas

canvasToObjectUrl.js

const canvasToBlobUrl = (() => {
  const canvasToBlobURL = (canvas, type='image/webp', option=0.1) => {
    const promise = new Promise(async (resolve) => {
      await rAF();
      const blob = await canvasToBlob(canvas);
      resolve(URL.createObjectURL(blob, type, option));
    });

    return promise;
  }

  function canvasToBlob(canvas, type, option) {
    const promise = new Promise(async (resolve) => {
      await rAF();
      resolve(canvas.toBlob(resolve, type, option));
    });

    return promise;
  }

  return canvasToBlobURL;

  const rAF = () => new Promise((resolve) => requestAnimationFrame(resolve));
})();

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