什麼是SVG，它是如何工作的？

CSS中的SVG如何工作？例如，爲了在IE9中使用漸變，我使用了這個編輯器。 http://www.colorzilla.com/gradient-editor/什麼是SVG，它是如何工作的？

它爲使用SVG結構的IE9吐出一些代碼。有人可以解釋這是什麼以及它究竟是如何工作的？所以它不會從任何地方使用url的data屬性編譯一個SVG文件來加載文件就是它的功能。

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

它會減慢頁面的渲染速度嗎？我知道PIE會減慢它的速度，所以只是想知道IE9的價值，而不是PIE的漸變效果。

2012-03-13 Chapsterj

SVG是描述圖像的XML方言，請參見[MDN]（https://developer.mozilla.org/en/SVG）。 'data：...'是[數據URL]（http://en.wikipedia.org/wiki/Data_Url）。 – 2012-03-13 23:24:48

使用谷歌搜索SVG比發佈一個問題要快得多。 – 2012-03-13 23:26:23

@JonathonReinhart從本質上講，這個網站成爲第一個頁面搜索結果的資源，只有人建議OP「google他們的問題」。 – 2012-03-13 23:29:13

這意味着你需要將一個base 64編碼圖像嵌入到你的css文件中，以便你的應用程序不必爲圖像製作另一個明確的http請求。它固有地包含在你的css文件中。

2012-03-13 23:26:22 KodeKreachor

這是給你一個SVG，因爲即9不支持漸變，但確實支持SVG。 – tkone 2012-03-13 23:29:08

是否需要更長時間才能呈現。例如PIE確實佔用了很多渲染時間。 – Chapsterj 2012-03-14 00:06:48

也可以在其他瀏覽器上加載或只在IE9上支持。我問的原因是我不需要它發生在IE8或IE7上，如果我將它添加到IE7 IE8特定的漸變樣式使用過濾器的類將不會加載在這些頁面上。 – Chapsterj 2012-03-14 00:17:22

這是一個數據網址（link @MDN）。 image/svg+xml說它是一個SVG圖像（而不是一個PNG或其他東西）。最後base64表示使用base64編碼以下內容。

2012-03-13 23:27:05 Sirko

您可以在CSS中像使用常規jpg一樣使用SVG文件。例如，background: url(image.svg);。這是一種用CSS實現SVG的方法。

2012-03-13 23:31:04 davecave

回答