问题
Trying to load an image in SVG using an HTML page:
<html>
...
<svg>
<image x="330" y="137" width="320" height="38" preserveAspectRatio="none" href="/img/title.png"></image>
</svg>
...
</html>
All other elements in the svg load up (paths shapes text) except image. Any way to get this working in browsers? I've tried Chrome, Firefox, IE. All browsers are missing the image.
Using Chrome I found that Chrome doesn't even send the request for the image. I have a hunch it's the same for IE and Firefox.
Any solutions?
回答1:
You need to use:
<image ... xlink:href="...">
See the SVG Document Structure spec.
来源：https://stackoverflow.com/questions/6643263/svg-image-tag-inlined-in-html-not-loading-image-in-browser