SVG 线性渐变

SVG 线性渐变用于表示一种颜色到另一种颜色的线性过渡。

<linearGradient> 元素定义线性渐变。 我们可以使用 <linearGradient> 元素在 <defs> 元素内。

线性渐变可以是垂直、水平或角度渐变

1. 当 x1 和 x2 不同且 y1 和 y2 相等时，会创建水平渐变。
2. 当 y1 和 y2 不同且 x1 和 x2 相等时，会创建垂直渐变。
3. 当 y1、y2 和 x1、x2 都不同时，会创建角度渐变。

示例

说明

• id 属性为渐变定义一个唯一的名称。
• x1、x2、y1、y2 属性定义渐变的起始和结束位置。
• 渐变的颜色范围可以由两种或更多种颜色组成，每种颜色包含一个标签。 offset 属性定义渐变颜色开始和结束的位置。
• fill 属性用于将 eclipse 元素链接到渐变。