Оформление SVG-фигур / Спасательный круг, часть 3 [17/20]
×

Спасательный круг, часть 3 [17/20]

Второй «слой» готов.

Остаётся создать третий слой белого цвета, который будет создавать полоски на спасательном круге. Пока что сделаем его со сплошной обводкой.

Хотите писать JavaScript, используя современный синтаксис (ES2015, ES2016, ES2017)? Уметь тестировать свои программы? Записывайтесь на продвинутый интенсив по JavaScript.

Выполнить задание
HTML
<svg width="200" height="200"> <circle r="70" cx="100" cy="100" fill="none" stroke="lightgrey" stroke-width="55"></circle> <circle r="70" cx="100" cy="100" fill="none" stroke="tomato" stroke-width="50"></circle> </svg>
CSS
svg { border: 1px solid #dddddd; }
HTML Academy
  1. В SVG после второй окружности создайте третью с радиусом 70 и координатами центра по обеим осям 100,
  2. уберите заливку окружности и задайте цвет обводки white,
  3. а затем задайте толщину обводки 50.
Теория Проверить Следующее задание
Идёт запись на курс JavaScript, уровень 2 #6, который стартует 6 августа.

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

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

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

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