Атрибут SVG ry
Опубликовано: 25 Февраля, 2022
Атрибут ry определяет радиус по оси Y.
Элементы, использующие этот атрибут:
- <эллипс>
- <правильно>
Синтаксис:
ry = "y-радиус"
Значения атрибутов:
- length: длина, на которой мы хотим установить y-радиус.
- процент: процент, в котором мы хотим установить y-радиус.
Мы будем использовать атрибут ry для установки радиуса по оси Y.
Example 1:
<!DOCTYPE html><html> <body> <svg viewBox="0 0 300 300" <ellipse cx="50" cy="50" rx="10" ry="10" fill="green" /> <ellipse cx="100" cy="50" rx="30" ry="15" fill="green" /> </svg></body> </html> |
Выход:
Example 2:
<!DOCTYPE html><html> <body> <svg viewBox="0 0 300 300" <rect x="20" y="120" width="60" height="60" rx="10" ry="0" fill="green" /> <rect x="120" y="120" width="60" height="60" rx="18" ry="6" fill="green" /> <rect x="220" y="120" width="60" height="60" rx="15" ry="10" fill="green" /> </svg></body> </html> |
Выход:
