inline svg to image source

by Soviut

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/svg" id="svg">
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <circle cx="40" cy="40" r="24" style="stroke:#006600; fill:#00cc00"/>
  </svg>
</script>

<img src="" id="img">

JavaScript

var svg = $('#svg').text();
var encodedSvg = btoa(svg);

$('#img').attr('src', 'data:image/svg+xml;base64,' + encodedSvg);