SVG LinearGradientElement.y2 属性

SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML语言。SVG LinearGradientElement.y2 属性是指在 SVG 线性渐变元素中定义渐变终点（y轴坐标）的属性。

语法

<linearGradient y2="y2_value" ...>

属性值

属性值为一个字符串，表示渐变终点的y轴坐标。允许的值包括：

• "auto": 渐变的y轴坐标自适应与线性渐变元素所在的容器。
• "": 渐变的y轴坐标相对于线性渐变元素所在容器的百分比。
• "": 渐变的y轴坐标相对于线性渐变元素所在容器的数值。

示例

以下示例演示如何使用 SVG LinearGradientElement.y2 属性：

<svg width="200" height="200">
  <defs>
    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#ff0000; stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0000ff; stop-opacity:1" />
    </linearGradient>
  </defs>
  <rect x="50" y="50" width="100" height="100" fill="url(#gradient)" />
</svg>

在上述示例中，我们创建了一个包含线性渐变的矩形。渐变的起点是(0%, 0%)，终点是(100%, 100%)。这里的渐变终点的y轴坐标（SVG LinearGradientElement.y2 属性）为"100%"，表示渐变线从上到下的方向渐变。

相关属性

• LinearGradientElement.x1
• LinearGradientElement.x2
• LinearGradientElement.y1

参考文档

• MDN web docs - SVG LinearGradientElement.y2

请注意，本文档提供的是 SVG Specification 中属性的描述和示例，具体行为可能因不同的浏览器和版本而有所差异。