1 回答

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
線性漸變就是一系列顏色沿著一條直線過渡,SVG也使用linearGradient元素定義線性漸變,并可以定義水平、垂直或角形的漸變。漸變的顏色可以由兩種或多種顏色組成,每種顏色通過一個(gè)<stop>標(biāo)記來(lái)定義。
使用linearGradient元素定義漸變的語(yǔ)法格式如下。linearGradient元素的屬性中,id屬性為漸變色指定唯一的名稱,以便引用該漸變色。
<linearGradient id="id1" x1="" y1="" x2="" y2="">
<!--用stop元素添加顏色信息-->
</linearGradient>
漸變色的成員色使用stop元素定義,語(yǔ)法格式如下。
<stop offset="offsetValue" stop-color="" stop-opacity=""/>
stop元素的offset屬性用于定義該成員色的作用范圍,該屬性取值從0%到100%(或者是0到1);通常第一種顏色設(shè)置成0%,最后一種設(shè)置成100%。
stop-color屬性:定義該成員色的顏色。
stop-opacity屬性:定義成員色的透明度,取值范圍在0到1之間。
stop元素的屬性也可以使用CSS定義,它支持class、id等標(biāo)準(zhǔn)HTML的屬性。
- 1 回答
- 0 關(guān)注
- 1768 瀏覽
添加回答
舉報(bào)