SVG使用linearGradient元素定義漸變色時，<id>和<stop>元素的功能分別是什么？其中的offset屬性和stop-color屬性用于實(shí)現(xiàn)什么功能？
1 回答
繁星coding
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個贊
線性漸變就是一系列顏色沿著一條直線過渡，SVG也使用linearGradient元素定義線性漸變，并可以定義水平、垂直或角形的漸變。漸變的顏色可以由兩種或多種顏色組成，每種顏色通過一個<stop>標(biāo)記來定義。
使用linearGradient元素定義漸變的語法格式如下。linearGradient元素的屬性中，id屬性為漸變色指定唯一的名稱，以便引用該漸變色。
<linearGradient id="id1" x1="" y1="" x2="" y2="">
<!--用stop元素添加顏色信息-->
</linearGradient>
漸變色的成員色使用stop元素定義，語法格式如下。
<stop offset="offsetValue" stop-color="" stop-opacity=""/>
stop元素的offset屬性用于定義該成員色的作用范圍，該屬性取值從0%到100%(或者是0到1)；通常第一種顏色設(shè)置成0%，最后一種設(shè)置成100%。
- 1 回答
- 0 關(guān)注
- 818 瀏覽
添加回答
舉報
0/150
提交
取消