y

Вы можете использовать этот атрибут с элементами SVG, описанными в разделах ниже.

Для <feBlend>, y определяет минимальную координату y для области отрисовки примитива.

Для <feColorMatrix>, y определяет минимальную координату y для области отрисовки примитива.

Для <feComponentTransfer>, y определяет минимальную координату y для области отрисовки примитива.

Для <feComposite>, y определяет минимальную координату y для области отрисовки примитива.

Для <feConvolveMatrix>, y определяет минимальную координату y для области отрисовки примитива.

Для <feDiffuseLighting>, y определяет минимальную координату y для области отрисовки примитива.

Для <feDisplacementMap>, y определяет минимальную координату y для области отрисовки примитива.

Для <feDropShadow>, y определяет минимальную координату y для области отрисовки примитива.

Для <feFlood>, y определяет минимальную координату y для области отрисовки примитива.

Для <feFuncA>, y определяет минимальную координату y для области отрисовки примитива.

Для <feFuncB>, y определяет минимальную координату y для области отрисовки примитива.

Для <feFuncG>, y определяет минимальную координату y для области отрисовки примитива.

Для <feFuncR>, y определяет минимальную координату y для области отрисовки примитива.

Для <feGaussianBlur>, y определяет минимальную координату y для области отрисовки примитива.

Для <feImage>, y определяет минимальную координату y для области отрисовки примитива.

Для <feMerge>, y определяет минимальную координату y для области отрисовки примитива.

Для <feMergeNode>, y определяет минимальную координату y для области отрисовки примитива.

Для <feMorphology>, y определяет минимальную координату y для области отрисовки примитива.

Для <feOffset>, y определяет минимальную координату y для области отрисовки примитива.

Для <fePointLight>, y определяет расположение источника света по оси y в системе координат, определенной атрибутом primitiveUnits на элементе <filter>.

Для <feSpecularLighting>, y определяет минимальную координату y для области отрисовки примитива.

Для <feSpotLight>, y определяет расположение источника света по оси y в системе координат, определенной атрибутом primitiveUnits на элементе <filter>.

Для <feTile>, y определяет минимальную координату y для области отрисовки примитива.

Для <feTurbulence>, y определяет минимальную координату y для области отрисовки примитива.

Для <filter>, y определяет координату y верхнего левого угла области отрисовки фильтра.

Для <foreignObject>, y определяет координату y верхнего левого угла его области просмотра.

Для <glyphRef>, y определяет координату по оси y глифа.

Для <image>, y определяет координату y верхнего левого угла изображения.

Для <mask>, y определяет координату y верхнего левого угла области его действия. Точный эффект этого атрибута зависит от атрибута maskUnits.

Для <pattern>, y определяет координату y верхнего левого угла узора. Точный эффект этого атрибута зависит от атрибутов patternUnits и patternTransform.

Для <rect>, y определяет координату y верхнего левого угла фигуры.

Для <svg>, y определяет координату y верхнего левого угла его области просмотра.

Для <text>, если он содержит одно значение, y определяет координату y, где необходимо разместить позицию текста содержимого. Позиция текста содержимого обычно является точкой на базовой линии первой строки текста. Точная позиция текста содержимого зависит от других свойств, таких как text-anchor или direction.

Если содержит несколько значений, y определяет координату y каждого отдельного глифа из текста. Если значений меньше, чем глифов, оставшиеся глифы размещаются в строке с последним размещенным глифом. Если значений больше, чем глифов, дополнительные значения игнорируются.

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- horizontal line to materialized the text base line -->
  <line x1="0" y1="40%" x2="100%" y2="40%" />
  <line x1="0" y1="60%" x2="100%" y2="60%" />
  <line x1="0" y1="80%" x2="100%" y2="80%" />

  <!-- vertical line to materialized the x positioning -->
  <line x1="5%" y1="0" x2="5%" y2="100%" />
  <line x1="55%" y1="0" x2="55%" y2="100%" />

  <!-- y with a single value -->
  <text y="40%" x="5%">SVG</text>

  <!-- y with multiple values -->
  <text y="40%,60%,80%" x="55%">SVG</text>
</svg>

text {
  font: 40px sans-serif;
}

line {
  fill: none;
  stroke: red;
  stroke-width: 0.5px;
  stroke-dasharray: 2px;
}

Для <tref>, если содержит одно значение, y определяет координату y, где необходимо разместить позицию текста содержимого. Позиция текста содержимого обычно является точкой на базовой линии первой строки текста. Точная позиция текста содержимого зависит от других свойств, таких как text-anchor или direction.

Если содержит несколько значений, y определяет координату y каждого отдельного глифа из текста. Если значений меньше, чем глифов, оставшиеся глифы размещаются в строке с последним размещенным глифом. Если значений больше, чем глифов, дополнительные значения игнорируются.

Для <tspan>, если содержит одно значение, y определяет координату y, где необходимо разместить позицию текста содержимого. Позиция текста содержимого обычно является точкой на базовой линии первой строки текста. Точная позиция текста содержимого зависит от других свойств, таких как text-anchor или direction.

Если содержит несколько значений, y определяет координату y каждого отдельного глифа из текста. Если значений меньше, чем глифов, оставшиеся глифы размещаются в строке с последним размещенным глифом. Если значений больше, чем глифов, дополнительные значения игнорируются.

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- horizontal line to materialized the text base line -->
  <line x1="0" y1="40%" x2="100%" y2="40%" />
  <line x1="0" y1="60%" x2="100%" y2="60%" />
  <line x1="0" y1="80%" x2="100%" y2="80%" />

  <!-- vertical line to materialized the x positioning -->
  <line x1="5%" y1="0" x2="5%" y2="100%" />
  <line x1="55%" y1="0" x2="55%" y2="100%" />

  <text>
    <!-- y with a single value -->
    <tspan y="40%" x="5%">SVG</tspan>

    <!-- y with multiple values -->
    <tspan y="40%,60%,80%" x="55%">SVG</tspan>
  </text>
</svg>

text {
  font: 40px sans-serif;
}

line {
  fill: none;
  stroke: red;
  stroke-width: 0.5px;
  stroke-dasharray: 2px;
}

Для <use>, y определяет координату y верхнего левого угла связанного элемента.

В этом примере содержатся три элемента <rect>, каждый с значением y меньше предыдущего.

<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
  <rect y="220" x="20" width="60" height="60" fill="red" />
  <rect y="120" x="20" width="60" height="60" fill="yellow" />
  <rect y="20" x="20" width="60" height="60" fill="purple" />
</svg>