SVG 教程
漸變是一種從一種顏色到另一種顏色的平滑過(guò)渡。另外,可以把多個(gè)顏色的過(guò)渡應(yīng)用到同一個(gè)元素上。
SVG漸變主要有兩種類型:
<linearGradient>元素用于定義線性漸變。
<linearGradient>標(biāo)簽必須嵌套在<defs>的內(nèi)部。<defs>標(biāo)簽是definitions的縮寫(xiě),它可對(duì)諸如漸變之類的特殊元素進(jìn)行定義。
線性漸變可以定義為水平,垂直或角漸變:
定義水平線性漸變從黃色到紅色的橢圓形:
下面是SVG代碼:
對(duì)于Opera用戶:(右鍵單擊SVG圖形預(yù)覽源)。
代碼解析:
定義一個(gè)垂直線性漸變從黃色到紅色的橢圓形:
下面是SVG代碼:
對(duì)于Opera用戶:(右鍵單擊SVG圖形預(yù)覽源)。
定義一個(gè)橢圓形,水平線性漸變從黃色到紅色并添加一個(gè)橢圓內(nèi)文本:
下面是SVG代碼:
對(duì)于Opera用戶:(右鍵單擊SVG圖形預(yù)覽源)。
代碼解析: