Get started with canvg CDN

// Include the Canvg library from the CDN
const Canvg = require('https://cdn.cdnhub.io/canvg/4.0.1/umd.js');

// Create a source SVG string
const svgString = `
  <svg width="100" height="100">
    <circle cx="50" cy="50" r="40" fill="red" />
  </svg>
`;

// Create a new canvas element
const canvas = document.createElement('canvas');
canvas.width = 100;
canvas.height = 100;
document.body.appendChild(canvas);

// Use Canvg to render the SVG string to the canvas
const context = canvas.getContext('2d');
new Canvg(context, svgString);

// Log the canvas to the console for demonstration
console.log(canvas.toDataURL());