Код сурка Играйте в телеграм-игру «Код сурка»
Шесть дней, шесть ночей, тысячи участников и шикарные призы

Внутреннее устройство SVG

  • 3 части,
  • 35  заданий
  • 15 испытаний
Одна из популярных задач, для которой нужно знать устройство SVG, — это интерактивные иконки, меняющие цвет при наведении. Более продвинутые техники, в которых используется SVG, связаны с использованием масок, созданием адаптивных элементов интерфейса, а также сложных декоративных эффектов.
Тренажёр «Внутреннее устройство SVG»

Теория

Обязательный для прохождения материал, теория, задания и испытания.

3 части35 заданий15 испытаний

0/15

9 заданий6 испытаний

Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

Пройти платную часть
0/20

15 заданий5 испытаний

Базовые понятия об оформлении SVG-фигур. Заливки и обводки.

Пройти платную часть
0/15

11 заданий4 испытания

Разберёмся с масштабированием SVG и научимся работать с атрибутами viewBox и preserveAspectRatio.

Пройти платную часть