可缩放矢量图形 (SVG) 是一个基于 XML 语法的 2D 矢量图形格式。

W3C 于20世纪90年代末开始着手 SVG 的工作,但是当 Internet Explorer 9 推出 SVG 支持时,SVG 才变得流行起来。现在所有主流 browsers 都支持 SVG。

基于 XML 语法,您可以使用 CSS 指定 SVG 的样式,并使用 JavaScript 进行交互。 HTML5 现在允许将 SVG tags 直接嵌入到 HTML 文档中。

作为一种矢量图像格式,SVG 图形可以无限地扩展,这使其在 responsive design 中非常有用,因为您可以创建可缩放到任意屏幕大小的界面元素和图形。SVG 还提供了一组有用的工具,例如裁剪,遮罩,过滤器和动画。

 

深入了解

基础知识

  • 维基百科上的 SVG

学习 SVG

技术信息

文档标签和贡献者

标签: 
此页面的贡献者: codeofjackie, Zhong, pluwen
最后编辑者: codeofjackie,