SVG图像格式化

时间:2015-12-22 05:34:36

标签: javascript html xml svg

我需要为幻灯片创建一个简单的箭头,所以我浏览了W3教程并提出了一个简单的SVG图像:

<svg width="25" height="60">
  <polyline points="3,3 22,30 3,57" style="fill:none;stroke:black;stroke-width:3;stroke-linecap:round"></polyline>
</svg>

但是,在某些网站上我看到他们使用了一些额外的参考资料(例如来自kickstarter主页):

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

这些对w3和版本的引用是必要的还是多余的?格式化svg图像有什么特殊规则吗?

2 个答案:

答案 0 :(得分:1)

这些属性用于帮助浏览器(包括任何读取XML的软件)了解此内容的类型(架构)。 Html毕竟是XML的类型,软件(本例中的浏览器)能够区分它们非常重要。

  

W3C的一个长期目标是使不同类型的基于XML的内容可以在同一XML文件中混合在一起。例如,SVG和MathML可以直接合并到基于XHTML的科学文档中。能够混合这样的内容类型有很多优点,但它也需要一个非常现实的问题来解决。

来自MDN文档

答案 1 :(得分:1)

如果您的SVG内联在HTML文件中,则它们不是必需的,可以删除。浏览器知道<svg>元素是什么,以及要使用的命名空间。但是,如果它是独立的SVG文件,则必须包含它们。

相关问题