关于位图和矢量图

1. 区别：
   位图会随着放大的倍数而失真，矢量图则不会；
   矢量图相较于同样的位图，通常拥有更小的体积，因为它们仅需储存少量的算法。
   

2. SVG 定义：是用于描述矢量图像的XML语言。 它基本上是像HTML一样的标记，只是你有许多不同的元素来定义要显示在图像中的形状，以及要应用于这些形状的效果。 SVG用于标记图形，而不是内容。

3. SVG缺点：

4. 将SVG添加到页面：
   

5. 内联SVG：将SVG代码写在 标签中

6. 使用iframe嵌入SVG：

7. 使用svg图片时可能出现的问题：
   问题一：svg图片不显示。（产生原因：缺失viewBox属性）

8. 啊这：

9. 啊这：

10. 啊这：