title: svg image using xlink:href not working in chrome
body: <p>i have this image using xlink:href</p>
  
  <pre><code>file    xxx.svg:
  
  &lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="103" height="92.75" viewBox="0 0 103 92.75"&gt;
  
  &lt;image x="0" y="0" xlink:href="http://gw.alicdn.com/tps/i4/TB1QygcLFXXXXcmaXXXTQYPHFXX-60-41.png"  width="40" height="28"/&gt;
  
    &lt;..something else&gt;
  </code></pre>
  
  <p>it works perfectly in chrome only if I open it directly as a url address</p>
  
  <p>but when i reference it in an html</p>
  
  <pre><code>&lt;img src="xxx.svg"/&gt;
  </code></pre>
  
  <p>the image is gone. </p>
  
  <p>all the other objects in the svg file are shown except the image tag. neither in mobile chrome.</p>
  
  <p>i tried other webkit browsers, the html referenced svg image works fine in safari.</p>
  
  <p>i tried dataURI, still not shown in chrome. <a href="https://gw.alicdn.com/tps/TB1LsQqLFXXXXXYXpXXXXXXXXXX-103-92.svg" rel="nofollow">https://gw.alicdn.com/tps/TB1LsQqLFXXXXXYXpXXXXXXXXXX-103-92.svg</a>
  <img src="https://gw.alicdn.com/tps/TB1LsQqLFXXXXXYXpXXXXXXXXXX-103-92.svg" alt="">
  <img src="https://gw.alicdn.com/tps/TB1OHj_LFXXXXazaXXXXXXXXXXX-103-92.svg" alt=""></p>
  
  <p>EDIT： in my browser, if i visit this page in new tab, the image above displayed as a empty circle. </p>
  
  <p>after i click the link, the browser tab jump to the image, image shows correctly. </p>
  
  <p>after i hit browser back, the page return to here this page, the image changed, it is shown.</p>