svg标签

知识点

• svg标签：svg 标签定义 SVG 图形的容器。SVG 有多种绘制路径、框、圆、文本和图形图像的方法。绘画出来的是可缩放矢量图形，不会因缩放而降低清晰度
• animation：css动画属性，给标签添加动画
• @keyframes：给指定名的动画设置关键帧

可缩放矢量图形（Scalable Vector Graphics，SVG）是一种基于 XML 的二维矢量图形格式。
“可缩放” 意味着 SVG 图形可以在不损失质量的情况下被放大或缩小到任意尺寸。与基于像素的图像格式（如 JPEG、PNG）不同，SVG 图形是由数学描述的几何形状组成的，这些形状可以通过数学公式精确地定义和调整大小。