SVG

是一种 xml 方言表示的矢量图语言；

一个例子

<svg version="1.1"
     baseProfile="full"
     width="300" height="200"
     xmlns="http://www.w3.org/2000/svg">

  <rect width="100%" height="100%" fill="red" />

  <circle cx="150" cy="100" r="80" fill="green" />

  <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>

</svg>

第一个标签 <svg>里

version代表 svg 规范的版本，不同版本的使用方式不同；

baseProfile、width、height代表充满、宽和高

*xmlns代表命名空间，这里要解释一下命名空间；

命名空间

我们有许多 xml 方言，比如 HTML、SVG等，但我们想要在同一个文件里使用不同方言时，就会出现命名空间冲突（比如标签<tag>在两种方言里有不同含义），所以我们要指定一个标签所使用的方言，就用xmlns这个属性来做；

xmlns属性的值看起来很像一个URI对吧，不用管他，在这里他只是一个字符串，用来表示使用哪个命名空间；之所以这样用，是因为：

1. URI 是唯一的，不会冲突；
2. 我猜还有语义化的意思；

下面的标签都是SVG命名空间里的用法啦，感兴趣的同学去看下面的链接吧～

​ 谢谢朋友们🐎～

🔗MDN-SVG 🔗Namespaves速成