title: HTML SVG - load base64 string data to href of <image> or any workaround
body: <p>I am trying to create an SVG orgchart and the get api returns json with each item (employee) having a property that is a base64 string representing an image</p>
  <p>I want to load the base64 similar to non-svg &lt;img&gt; element with src=&quot;data:image/png;base64,&quot; but it doesn't seem to work with the svg element &lt;image&gt;</p>
  <p>I also tried using &lt;foreignObject&gt; then appending &lt;img&gt; inside but it also does not work for base64, it only works when you have a url of the image.</p>
  <p>I verified that the base64 string is good since when you right click the src and opened it in new tab, it actually loads the image in the new tab.</p>