查看 SVG 文件

如果沒有安裝 SVG 查看器，您就無法查看 SVG 文件。

注釋：Firefox 1.5 和 Opera 9 對 SVG 的支持是原生性的。假如您使用這些瀏覽器中的一款，就不必安裝 SVG 查看器。

從 Adobe 免費下載 SVG 查看器。

查看 SVG 源代碼

如需查看 SVG 源代碼，請打開這些例子，然后在窗口中右鍵單擊，選擇“查看源代碼”。

SVG 實例

SVG 形狀

矩形

帶有透明度的矩形

帶有透明度的矩形 2

帶有圓角的矩形

圓形

橢圓形

累疊而上的三個橢圓

兩個橢圓

一條線

三角形

四邊形

折線

路徑

螺旋

SVG 濾鏡

feGaussianBlur 濾鏡

另一個feGaussianBlur 濾鏡

feBlend 濾鏡

feColorMatrix 濾鏡

feComponentTransfer 濾鏡

feOffset 濾鏡

feOffset、feFlood、feComposite、feMerge 以及 feMergeNode

feMorphology 濾鏡

濾鏡 1

濾鏡 2

濾鏡 3

濾鏡 4

濾鏡 5

濾鏡 6

SVG 漸變

線形漸變 (水平漸變)

線形漸變 (垂直漸變)

放射性漸變

放射性漸變 2

SVG Misc

向矩形添加一個 "a" 元素，這樣矩形就可以作為一個超級鏈接了。

當用戶在圓上面點擊時，使用 JavaScript 創建一個元素。

重復用 5 秒時間淡出的矩形

動態改變矩形的 x、y 以及 width、height 屬性來創造出動畫效果，并改變矩形的顏色

會改變顏色的三個矩形

沿一個運動路徑移動的文本

沿一個運動路徑移動、旋轉并縮放的文本

沿一個運動路徑移動、旋轉并縮放的文本 + 逐步放大并改變顏色的矩形