JSFiddle - React, Tailwind, and code Playground

by Laxmikant Dange

HTML

<svg id="svgElm" width="100" height="100" xlink="http://www.w3.org/1999/xlink">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>


<img id="image">

JavaScript

const svgElm=document.getElementById('svgElm');
const svgStr=`
<svg id="svgElm" width="100" height="100" xlink="http://www.w3.org/1999/xlink">
${svgElm.innerHTML}
</svg>
`
var image=new Image()
image.onload=function(){
	console.log('loaded')
}
/* image.src='https://cdn4.buysellads.net/uu/1/3386/1525189909-61450.png' */
image.src=`data:image/svg+xml;base64,${btoa(encodeURIComponent(svgStr))}`