html – SVG标记没有在浏览器中加载图像

尝试使用 HTML页面在SVG中加载图像:
<html>
...
<svg>
<image x="330" y="137" width="320" height="38" preserveAspectRatio="none" href="/img/title.png"></image>
</svg>
...
</html>

除了图像之外,svg中的所有其他元素都会加载(路径形状文本).有什么方法可以在浏览器中使用它?我试过Chrome,Firefox,IE.所有浏览器都缺少图像.

使用Chrome我发现Chrome甚至没有发送图像请求.对于IE和Firefox,我有同样的预感.

解决方案?

解决方法

你需要使用:
<image ... xlink:href="...">

the SVG Document Structure spec.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些