JavaScript 标准参考教程第七章 HTML网页的API7.3 SVG 图像
上一篇:7.2 Canvas API 下一篇:7.4 表单

7.3 SVG 图像

SVG是“可缩放矢量图”(Scalable Vector Graphics)的缩写,是一种描述向量图形的XML格式的标记化语言。也就是说,SVG本质上是文本文件,格式采用XML,可以在浏览器中显示出矢量图像。由于结构是XML格式,使得它可以插入HTML文档,成为DOM的一部分,然后用JavaScript和CSS进行操作。

相比传统的图像文件格式(比如JPG和PNG),SVG图像的优势就是文件体积小,并且放大多少倍都不会失真,因此非常合适用于网页。

SVG图像可以用Adobe公司的Illustrator软件、开源软件Inkscape等生成。目前,所有主流浏览器都支持,对于低于IE 9的浏览器,可以使用第三方的polyfills函数库。