17.28　联合使用SVG和视频

人们开始关注的另一项与HTML5有关的技术是SVG（Scalable Vector Graphic，可缩放矢量图形）。

SVG已经存在相当一段时间了（它诞生自1999年），但直到HTML5才有了svg元素。通过该元素可以在网页本身嵌入SVG定义。

SVG使用XML定义图形和图像，浏览器则对其进行解释和使用，从而描绘出真正的图形。SVG定义所包含的全部内容就是对如何绘制和绘制什么的说明。

使用SVG创建的图像也是基于矢量而不是基于光栅的。这意味着它们可以很好地适应缩放，因为浏览器只是简单地依照绘制说明，根据所需的尺寸，将图形绘制出来。光栅图像包含的是像素数据，如果要以远大于原始图像的尺寸重新绘制图像，就会因为缺少足够的像素数据导致图像质量受损。

关于SVG的完整讨论超出了本章的范围，这里只是想让你知道视频可以同SVG定义联合使用。通过SVG创建的图形可以用于对视频进行遮罩，也即只显示能透过该图形（如圆圈）的底层视频。

此外，还有一些SVG滤镜可以应用于HTML5视频，如黑白转换、高斯模糊、色彩饱和度等。关于SVG的更多信息，参见17.29节。