title | slug | l10n | ||
---|---|---|---|---|
SVG |
Glossary/SVG |
|
{{GlossarySidebar}}
可缩放矢量图形(SVG)是一种基于 {{Glossary("XML")}} 语法的二维矢量图形格式。
{{Glossary("W3C")}} 于 20 世纪 90 年代末开始着手 SVG 的工作,但是直至 {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 推出 SVG 支持时,SVG 才变得流行起来。现在所有主流{{Glossary("browser", "浏览器")}}都支持 SVG。
基于 {{Glossary("XML")}} 语法,你可以使用 {{Glossary("CSS")}} 指定 SVG 的样式,并使用 {{Glossary("JavaScript")}} 进行交互。HTML 现在允许将 SVG {{Glossary("Tag", "标签")}}直接嵌入到 {{Glossary("HTML")}} 文档中。
作为一种矢量图像格式,SVG 图形可以无限地缩放,这使其在{{Glossary("responsive design", "响应式设计")}}中非常有用,因为你可以创建可缩放到任意屏幕大小的界面元素和图形。SVG 还提供了一组有用的工具,例如裁剪、遮罩、滤镜和动画。