SVG
可缩放矢量图形(SVG)是一种基于 XML 语法的二维矢量图像格式。
W3C 于 20 世纪 90 年代末开始开发 SVG,但直到 Internet Explorer 9 发布并支持 SVG 后,SVG 才开始流行。现在所有主流的 浏览器 都支持 SVG。
基于 XML 语法,SVG 可以使用 CSS 进行样式设置,并使用 JavaScript 进行交互。HTML 允许将 SVG 标签 直接嵌入到 HTML 文档中。
作为一种 矢量图像格式,SVG 图形可以无限缩放,这使得它们在 响应式设计 中非常宝贵,因为您可以创建可以缩放到任何屏幕尺寸的界面元素和图形。SVG 还提供了一套有用的工具,例如剪裁、蒙版、滤镜和动画。
另见
- 图像文件类型和格式指南中的 SVG 部分
- MDN 上的 SVG 文档
- 其他图像格式(词汇表术语): GIF、JPEG、PNG、WebP
- HTML 图像(学习 Web 开发)
- 为你的网站添加自定义图标
- 在 HTML 中包含矢量图形
- 维基百科上的 SVG
- w3.org 上的 SVG 入门指南