SVG 實(shí)例
查看 SVG 文件
如果沒有安裝 SVG 查看器,您就無法查看 SVG 文件。
注釋:Firefox 1.5 和 Opera 9 對(duì) SVG 的支持是原生性的。假如您使用這些瀏覽器中的一款,就不必安裝 SVG 查看器。
查看 SVG 源代碼
如需查看 SVG 源代碼,請(qǐng)打開這些例子,然后在窗口中右鍵單擊,選擇“查看源代碼”。
SVG 實(shí)例
SVG 形狀
SVG 濾鏡
- feGaussianBlur 濾鏡
- 另一個(gè)feGaussianBlur 濾鏡
- feBlend 濾鏡
- feColorMatrix 濾鏡
- feComponentTransfer 濾鏡
- feOffset 濾鏡
- feOffset、feFlood、feComposite、feMerge 以及 feMergeNode
- feMorphology 濾鏡
- 濾鏡 1
- 濾鏡 2
- 濾鏡 3
- 濾鏡 4
- 濾鏡 5
- 濾鏡 6
SVG 漸變
SVG Misc
- 向矩形添加一個(gè) "a" 元素,這樣矩形就可以作為一個(gè)超級(jí)鏈接了。
- 當(dāng)用戶在圓上面點(diǎn)擊時(shí),使用 JavaScript 創(chuàng)建一個(gè)元素。
- 重復(fù)用 5 秒時(shí)間淡出的矩形
- 動(dòng)態(tài)改變矩形的 x、y 以及 width、height 屬性來創(chuàng)造出動(dòng)畫效果,并改變矩形的顏色
- 會(huì)改變顏色的三個(gè)矩形
- 沿一個(gè)運(yùn)動(dòng)路徑移動(dòng)的文本
- 沿一個(gè)運(yùn)動(dòng)路徑移動(dòng)、旋轉(zhuǎn)并縮放的文本
- 沿一個(gè)運(yùn)動(dòng)路徑移動(dòng)、旋轉(zhuǎn)并縮放的文本 + 逐步放大并改變顏色的矩形