SVG图像标记不起作用

Question

我玩弄了SVG的教程在这里,不能加载图像.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 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的这个命名空间速成课程.