简述什么是SVG ?
SVG 指的是可缩放矢量图形(Scalable Vector Graphics)。它是一种基于 XML 的矢量图像格式,用于描述二维图形和图形应用程序。SVG 的定义是由万维网联盟(W3C)进行的。
以下是 SVG 的一些主要特性:
- 可缩放:SVG 图像是矢量的,这意味着它们可以无损地放大或缩小,而不会像位图图像那样失去清晰度或者出现像素化。
-
可操作:由于 SVG 是基于 XML 的,所以你可以使用 JavaScript 和 CSS 来操作 SVG 元素,比如改变它们的颜色、形状、大小等。
-
可搜索:SVG 文件中的文本是可搜索的,这对于搜索引擎优化(SEO)非常有利。
-
动画:SVG 支持动画效果,你可以使用 SMIL(同步多媒体集成语言)或者 CSS 动画来为 SVG 元素添加动画。
一个简单的 SVG 例子可能是这样的:
在这个例子中,我们创建了一个 SVG 图像,图像中包含一个蓝色边框、黄色填充的圆形。