• Теория
  • Теория

Испытание: леденец

Добавьте и измените элементам circle необходимые атрибуты, чтобы получился полосатый леденец.

Значения радиуса, толщины обводки, длины пунктира и пробела, а также сдвига обводки кратны 5.

Цвет леденца: gold.

Цвета полосок: tomato, darkorange, yellowgreen.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

<svg width="300" height="290">
  <rect fill="khaki" stroke="darkkhaki" width="10" height="70" x="145" y="220"></rect>
  <circle fill="gold" stroke="darkkhaki" r="100" cx="150" cy="125"></circle>
  <circle fill="none" stroke="tomato" stroke-width="20" stroke-dasharray="45" r="70" cx="150" cy="125"></circle>
  <circle fill="none" stroke="darkorange" stroke-width="20" stroke-dasharray="45" stroke-dashoffset="45" r="70" cx="150" cy="125"></circle>
  <circle fill="none" stroke="yellowgreen" stroke-width="20" r="50" cx="150" cy="125"></circle>
</svg>
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Оформление SVG-фигур» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.