中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：SVG 漸變- 放射性 下一篇：SVG 參考手冊(cè)

SVG 實(shí)例

在線實(shí)例

下面的例子是把SVG代碼直接嵌入到HTML代碼中。

谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。

注意：下面的例子將不會(huì)在Opera運(yùn)行，即使Opera支持SVG - 它也不支持SVG在HTML代碼中直接使用。

SVG 實(shí)例

SVG基本形狀

一個(gè)圓

矩形

不透明矩形

一個(gè)矩形不透明2

一個(gè)帶圓角矩形

一個(gè)橢圓

累疊而上的三個(gè)橢圓

兩個(gè)橢圓

一條線

三角形

四邊形

一個(gè)星星

另一個(gè)星星

折線

另一個(gè)折線

路徑

二次貝塞爾曲線

編寫文字

旋轉(zhuǎn)文本

路徑上文字

幾行文字

文本鏈接

定義一條線，文本或輪廓顏色（stroke）

定義一條線寬度，文本或輪廓（stroke-width）

stroke-linecap屬性定義不同類型的開放路徑的終結(jié)：

定義虛線（stroke-dasharray）

SVG濾鏡

feGaussianBlur - 模糊效果

feOffset - 偏移一個(gè)矩形，然后混合偏移圖像頂部

feOffset - 模糊偏移圖像

feOffset - 使陰影變黑色

feOffset - 為陰影涂上一層顏色

一個(gè)feBlend濾鏡

一個(gè)feColorMatrix濾鏡

一個(gè)feComponentTransfer濾鏡

feOffset、feFlood、feComposite、feMerge 以及 feMergeNode

一個(gè)feMorphology濾鏡

濾鏡1

濾鏡2

濾鏡3

濾鏡4

濾鏡5

濾鏡6

SVG漸變

水平線性漸變從黃色到紅色的橢圓形

垂直線性漸變從黃色到紅色橢圓形

水平線性漸變從黃色到紅色并添加一個(gè)橢圓內(nèi)文本

放射性漸變從白色到藍(lán)色橢圓

放射性漸變從白色到藍(lán)色的另一個(gè)橢圓

SVG雜項(xiàng)

重復(fù)用 5 秒時(shí)間淡出的矩形

矩形會(huì)變大并改變顏色

會(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)并縮放的文本 + 逐步放大并改變顏色的矩形

上一篇：SVG 漸變- 放射性 下一篇：SVG 參考手冊(cè)