SVG使用linearGradient元素定義漸變色時，<id>和<stop>元素的功能分別是什么？其中的offset屬性和stop-color屬性用于實現(xiàn)什么功能？
1 回答
狐的傳說
TA貢獻1804條經(jīng)驗 獲得超3個贊
線性漸變就是一系列顏色沿著一條直線過渡，SVG也使用linearGradient元素定義線性漸變，并可以定義水平、垂直或角形的漸變。漸變的顏色可以由兩種或多種顏色組成，每種顏色通過一個<stop>標記來定義。
使用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%。
stop-color屬性：定義該成員色的顏色。
stop-opacity屬性：定義成員色的透明度，取值范圍在0到1之間。
stop元素的屬性也可以使用CSS定義，它支持class、id等標準HTML的屬性。
- 1 回答
- 0 關(guān)注
- 591 瀏覽
添加回答
舉報
0/150
提交
取消