SVG 字体 – 渐变（23）

简介

渐变是绘图表面上的点之间的平滑颜色过渡。有两种类型的渐变由以下元素定义： linearGradient和 radialGradient。

linearGradient 或 radialGradient 元素必须嵌入到 defs 标记中以提高可重用性。 id 属性指定 SVG 渐变的唯一名称。文件内的其他元素可以引用它。渐变可应用于形状、文本等的 fill 或 stroke 属性。

线性渐变

在谈论SVG梯度时，我们必须定义什么是梯度向量？线性梯度向量连接梯度停止点映射到的起点和终点。属性 x1、y1、x2 和 y2 设置线性梯度向量。它们的值可以是数字或百分比。 linearGradient 具有嵌套的子 stop 元素，用于控制渐变中使用的颜色。每种颜色都用“”标签指定。 stop 元素的 offset 属性指示渐变停止点的放置位置。对于线性梯度，它表示沿梯度向量的位置 ( 线性梯度.svg)。