Знакомство с SVG / Рисуем эллипс [10/15]
×

Рисуем эллипс [10/15]

Эллипс рисуется почти так же, как круг, но у него два радиуса: по горизонтальной оси — rx, и по вертикальной — ry.

<ellipse rx="30" ry="40%"/>

Расположение эллипса, так же как и для circle, задаётся с помощью cx и cy.

<ellipse rx="30" ry="40%" cx="50%" cy="50%"/>
Хотите получать макеты для тренировки? Подписывайтесь на полезную рассылку!

Выполнить задание
HTML
<svg> </svg>
CSS
svg { border: 1px solid #dddddd; }
HTML Academy
  1. Нарисуйте эллипс с радиусом по горизонтали равным 40% и радиусом по вертикали — 30.
  2. Переместите фигуру, задав cx значение 50% и cy значение 80%.
  3. Добавьте зелёную заливку (yellowgreen).
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

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

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.