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

前端之家收集整理的这篇文章主要介绍了html – SVG标记没有在浏览器中加载图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
尝试使用 HTML页面在SVG中加载图像:
  1. <html>
  2. ...
  3. <svg>
  4. <image x="330" y="137" width="320" height="38" preserveAspectRatio="none" href="/img/title.png"></image>
  5. </svg>
  6. ...
  7. </html>

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

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

解决方案?

解决方法

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

the SVG Document Structure spec.

猜你在找的HTML相关文章