SVG x Атрибут
Опубликовано: 25 Февраля, 2022
Атрибут x определяет координату оси x в пользовательской системе координат.
Синтаксис:
x = "координата x"
Значения атрибутов:
- length: длина, на которой мы хотим установить ось x.
- процент: процент, в котором мы хотим установить ось абсцисс.
Мы будем использовать атрибут x для установки координаты x для элементов.
Пример 1: элемент прямоугольника с другой осью x.
Выход:
Example 2: Rectangle element with the same x-axis.
<!DOCTYPE html><html> <body> <svg width="200" height="200" viewBox="0 0 300 300"> <rect x="20" y="20" width="60" height="60" fill="green" /> <rect x="20" y="120" width="60" height="60" fill="green" /> <rect x="20" y="120" width="60" height="60" fill="green" /> </svg></body> </html> |
Выход:
Example 3: Use percentage value.
<!DOCTYPE html><html> <body> <svg width="200" height="200" viewBox="0 0 300 300"> <rect x="30%" y="30%" width="60" height="60" fill="green" /> </svg></body> </html> |
Выход:
