SVG诞生于1999年，是一种XML语言，类似XHTML，即SVG，可以用来绘制矢量图形，例如右面展示的图形。SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。图形和其组成部分可以形变、合成、或者通过滤镜完全改变外观。

比起其他的图像格式（例如jpg，gif），SVG的优点是：

XHTML需要将类型声明为application/xhtml+xml，才能将SVG嵌入到XML中。

HTML5可以直接嵌入SVG。但需要做一些语法调整。

可以通过 object 元素引用SVG文件：

类似的也可以使用 iframe 元素引用SVG文件：

使用img标签引用SVG文件：

使用embed标签：

使用div标签：

使用picture标签：

本篇文章讲述的最简单的SVG的使用及多种在HTML中嵌入SVG的方式等内容,下一篇将继续讲述SVG的网格定位,图像绘画等新内容。

😀😀 关注我，不迷路！  😀😀