Firefox对SVG的支持

用firefox打开SVG文件时，可能会出现这样的情况。

 该 XML 文件并未包含任何关联的样式信息。文档树显示如下。
     
<svg width="300" height="400" version="1.1">
<line x1="20" y1="20" x2="70" y2="20" style="stroke:black;stroke-width:10"/>
<line x1="20" y1="20" x2="70" y2="70" style="stroke:black;stroke-width:10"/>
<line x1="20" y1="20" x2="20" y2="70" style="stroke:black;stroke-width:10"/>
</svg>

这是因为firefox支持的SVG文件需要xmlns的标记。

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

现在将上面例子中的

<svg width="300" height="400" version="1.1">

改为

<svg width="300" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg"   xmlns:xlink="http://www.w3.org/1999/xlink" >

这样就可以在firefox中显示了。这里使用 xmlns="http://www.w3.org/2000/svg"是 SVG的命名空间。上的为了标识文件是SVG文件，而不是XML文件。链接图片时要用到 xmlns:xlink="http://www.w3.org/1999/xlink"。