SVG图像标记不起作用

Question

我正在玩SVG教程here，无法加载图片。 XAMPP给我一个错误，说

  

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

我从文档中进行了copypasta，但它仍然无法正常工作。代码如下：

<?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 width="5cm" height="4cm" version="1.1"
     xmlns="localhost" xmlns:xlink= "localhost/svgtest">
    <image xlink:href="My_Image.jpg" x="0" y="0" height="50px" width="50px"/>
</svg>

谷歌搜索错误消息告诉我XML已经以某种方式被破坏，但除了语言环境和图像标题之外我没有改变任何东西。

Answer 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。