It is very time-consuming to convert SVG to canvas in React!

handleSave = () => {
    const syncShow = "<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/> </svg>";
    const ctx = document.getElementById("canvasId").getContext("2d");
    let img = new Image();
    img.src = "data:image/svg+xml;base64," + window.btoa(syncShow);
    ctx.drawImage(img, 0, 0);
   }
modify the canvas in the page
   <canvas id="canvasId"/>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea03cf-1ac0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea03cf-1ac0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?