什么是SVG以及它是如何工作的？

Question

CSS中的SVG如何工作？例如，为了在IE9中使用渐变，我使用了这个编辑器。 http://www.colorzilla.com/gradient-editor/

它为IE9吐出了一些使用SVG结构的代码。有人可以解释这是什么以及它是如何工作的？所以它没有从任何地方加载文件，只是使用url的数据属性来编译SVG文件就是它的作用。

data:image/svg+xml;base64是什么意思？

是否会减慢页面的渲染速度？我知道PIE减慢了很多，所以只是想知道IE9的值而不是PIE的梯度值。

Answer 1

这意味着您将基本64位编码图像嵌入到css文件中，这样您的应用程序就不必为图像发出另一个显式的http请求。它本身就包含在你的css文件中。

Answer 2

这是一个数据网址（link @MDN）。 image/svg+xml说它是一个SVG图像（而不是png或其他东西）。最后base64表示使用base64编码以下内容。

Answer 3

您可以像在CSS中使用常规jpg一样使用SVG文件。例如，background: url(image.svg);。这是使用CSS实现SVG的一种方法。