SVG 是可缩放的矢量图形,是用 XML 来定义的图像。

可用于:图标、Logo 等场景。

使用方式:

<!--直接在HTML里使用svg标签-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect width="300px" height="100px"  />
</svg>

<!--图片的src-->
<img src="test.svg">

<embed src="test.svg" type="image/svg+xml">

<iframe src="test.svg">

<object data="test.svg" type="image/svg+xml">