SVGRect: свойство x

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Свойство x описывает горизонтальную координату положения элемента.

Контекст использования

Имя	x
Значение	<длина> \| <процент>
Начальное значение	0
Применяется к	`<mask>`, 'svg', 'rect', 'image', 'foreignObject'
Наследуется	нет
Проценты	относятся к размеру текущего представления (см. Единицы)
Среда	визуальная
Вычисленное значение	абсолютная длина или процент
Анимируемо	да

Простое использование

Координата — это длина в системе координат пользователя, которая находится на заданном расстоянии от начала системы координат пользователя вдоль соответствующей оси (ось x для координат X, ось y для координат Y). Ее синтаксис такой же, как и для <длина>.

<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="0" width="40" height="40" fill="blue"></rect>
</svg>

<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="40" y="0" width="40" height="40" fill="green"></rect>
</svg>

Спецификации

Спецификация не найдена

Данные спецификации для api.SVGRect.x не найдены.
Проверьте проблемы с этой страницей или внесите отсутствующую spec_url в mdn/browser-compat-data. Также убедитесь, что спецификация включена в w3c/browser-specs.

Совместимость браузеров

	Десктопные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`x`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	≤37

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGRect/x