x

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<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="90%" x2="100%" y2="90%" />

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

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

  <!-- x with multiple values -->
  <text y="90%" x="25%, 50%, 75%">SVG</text>
</svg>

text {
  font: 40px sans-serif;
}

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

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

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

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

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

<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="90%" x2="100%" y2="90%" />

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

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

    <!-- x with multiple values -->
    <tspan y="90%" x="25%, 50%, 75%">SVG</tspan>
  </text>
</svg>

text {
  font: 40px sans-serif;
}

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

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

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

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