矢量图形SVG

矢量图形SVG

---

• 什么是SVG？
  • SVG指可伸缩矢量图形
  • SVG用于定义网格的基于矢量的图形
  • SVG是一种基于XML语法的图像格式
  • SVG图像在放大的情况下图形不会失真
• SVG的优点
  • SVG是可伸缩的
  • 文件体积较小
  • 可无限放大且不会失真

SVG代码直接插入网页，

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="300">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

SVG代码也可以写在一个独立文件中，然后用img，object，embed，iframe等标签插入网页。

<img src="circle.svg">

CSS也可以使用SVG文件

.logo {
 background: url(icon.svg);
}

来源：CSDN

作者：浏星者

链接：https://blog.csdn.net/qq_45740562/article/details/103848298