Convert SVG to PNG. Verified in Chrome, Safari, and Firefox

svg-to-png.js

// let svg = document.querySelector('svg');
function svgToPng(svg) {
  let svgData = new XMLSerializer().serializeToString(svg);
  let canvas = document.createElement('canvas');
  let ctx = canvas.getContext('2d');
  
  let DOMURL = window.URL || window.webkitURL || window;
  let img = new Image();
  let blog = new Blob([svgData], {type: 'image/svg+xml'});
  let url = DOMURL.createObjectURL(blog);
  
  return new Promise(resolve => {
    img.addEventListener('load', () => {
      canvas.width = img.width;
      canvas.height = img.height;
      ctx.drawImage(img,0,0);
      let url = canvas.toDataURL('image/png');
      resolve(url);
    });
    img.src = url;
  });
}

Very nice, confirmed work with width and height as pixel, not percentage in Firefox!

Fixed by using this: https://stackoverflow.com/questions/76232792/converting-svg-to-png-without-knowing-the-width-and-height