title: Javascript xlink:href local svg image
body: <p>I'm having trouble rendering an svg image stored in my local directory via js.
  when I use a link to a website, the image is displayed correctly.
  Here is a link to the code of the image : <a href="http://jsfiddle.net/am8ZB/" rel="nofollow noreferrer">http://jsfiddle.net/am8ZB/</a></p>
  <p>But when I use a local image nothing is displayed.</p>
  <p>My code :</p>
  <pre><code> d3.select(&quot;body&quot;).append(&quot;svg&quot;)
  .attr(&quot;width&quot;, width)
  .attr(&quot;height&quot;, height);
  
  var g = svg.append(&quot;g&quot;);
  
  g.append(&quot;svg:image&quot;)
  .attr(&quot;xlink:href&quot;, &quot;manaz/src/label/flower_blue.svg&quot;)
  .attr(&quot;width&quot;, 200)
  .attr(&quot;height&quot;, 200)
  .attr(&quot;x&quot;, 228)
  .attr(&quot;y&quot;,53);
  </code></pre>
  <p>Here is the link where I downloaded it : <a href="https://publicdomainvectors.org/fr/gratuitement-des-vecteurs/Image-vectorielle-fleur-bleue/1992.html" rel="nofollow noreferrer">https://publicdomainvectors.org/fr/gratuitement-des-vecteurs/Image-vectorielle-fleur-bleue/1992.html</a></p>