SVG图像标签不起作用

Posted 2023-02-25

【中文标题】SVG图像标签不起作用

【英文标题】：SVG image tag not working

【发布时间】：2012-06-21 16:34:20

【问题描述】：

我正在玩 SVG 教程 here，但无法加载图像。 XAMPP 给我一个错误，上面写着

此 XML 文件似乎没有任何关联的样式信息。文档树如下所示。

我已经从文档中复制粘贴了，但它仍然不起作用。代码如下：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg   version="1.1"
     xmlns="localhost" xmlns:xlink= "localhost/svgtest">
    <image xlink:href="My_Image.jpg" x="0" y="0"  />
</svg>

谷歌搜索错误消息告诉我 XML 以某种方式损坏，但除了区域设置和图像标题之外我没有更改任何内容。

【参考方案1】：

你弄错了命名空间。

改变

xmlns="localhost" xmlns:xlink= "localhost/svgtest"

到

xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"

也许你应该看看 MDN 的 Namespaces Crash Course。

【讨论】：

谢谢。我假设命名空间需要在我操作的地方。