Draw an SVG element into a canvas

svgToCanvas.js

// thanks https://levelup.gitconnected.com/draw-an-svg-to-canvas-and-download-it-as-image-in-javascript-f7f7713cf81f

const canvas = document.getElementById('canvas'),
      ctx    = canvas.getContext('2d'),
      svgEl  = document.getElementById('mysvg');

const image = new Image();
image.src = URL.createObjectURL( new Blob( [ svgEl.outerHTML ], { type: 'image/svg+xml;charset=utf-8' } ) );
image.onload = () => {
    ctx.drawImage( image, 0, 0 );
}