Атрибут SVG y2
Опубликовано: 25 Февраля, 2022
Атрибут y2 используется для указания первой координаты y для рисования элемента SVG, для которого требуется более одной координаты.
Элементы, использующие этот атрибут:
- <line>
- <linearGradient>
Синтаксис:
y2 = "y2-координата"
Значения атрибутов:
- length: длина, на которой мы хотим установить координату y2.
- процент: процент, в котором мы хотим установить координату y2.
Мы будем использовать атрибут y2 для установки координаты y2.
Example 1: In this example we will use the length value.
<!DOCTYPE html><html> <body> <svg viewBox="0 0 70 70" <line x1="1" x2="9" y1="7" y2="5" stroke="green" /> <line x1="1" x2="9" y1="9" y2="5" stroke="green" /> <line x1="1" x2="9" y1="11" y2="5" stroke="green" /> </svg></body> </html> |
Выход:
Example 2: In this example we will use the percentage value.
<!DOCTYPE html><html> <body> <svg viewBox="0 0 70 70" <line x1="4%" x2="36%" y1="7" y2="5" stroke="green" /> <line x1="4%" x2="36%" y1="9" y2="5" stroke="green" /> <line x1="4%" x2="36%" y1="11" y2="5" stroke="green" /> </svg></body> </html> |
Выход:
