已解決430363個問題，去搜搜看，總會有你想問的

SVG使用linearGradient元素定義漸變色時，<id>和<stop>元素的功能分別是什么？

關注

首頁猿問 SVG使用linearGradie...

Html5

ibeautiful 2018-10-28 04:00:37

SVG使用linearGradient元素定義漸變色時，<id>和<stop>元素的功能分別是什么？其中的offset屬性和stop-color屬性用于實現什么功能？

查看完整描述

1 回答

藍山帝景

TA貢獻1843條經驗獲得超7個贊

線性漸變就是一系列顏色沿著一條直線過渡，SVG也使用linearGradient元素定義線性漸變，并可以定義水平、垂直或角形的漸變。漸變的顏色可以由兩種或多種顏色組成，每種顏色通過一個<stop>標記來定義。

使用linearGradient元素定義漸變的語法格式如下。linearGradient元素的屬性中，id屬性為漸變色指定唯一的名稱，以便引用該漸變色。

</linearGradient>

漸變色的成員色使用stop元素定義，語法格式如下。

stop元素的offset屬性用于定義該成員色的作用范圍，該屬性取值從0%到100%(或者是0到1)；通常第一種顏色設置成0%，最后一種設置成100%。

stop-color屬性：定義該成員色的顏色。

stop-opacity屬性：定義成員色的透明度，取值范圍在0到1之間。

stop元素的屬性也可以使用CSS定義，它支持class、id等標準HTML的屬性。

反對回復 2018-11-18

關注

舉報

0/150

提交

取消