Закрыть меню
Доступ к материалам в удобное время и в комфортном темпе
Без использования звука
Изучайте контент на любом устройстве и в любом удобном месте
Начните знакомство с платформой без вложений.

HTML SVG

Познакомьтесь с тем, как внедрять SVG-элементы в HTML-страницы для создания динамичной и масштабируемой векторной графики

Как дизайнер, вы, скорее всего, знакомы со всеми преимуществами SVG-изображений. Они легко масштабируются, не теряют качество при изменении размера и имеют сравнительно небольшой размер файла. В этом уроке мы объясним, как встроить SVG-графику в код и как можно рисовать SVG-элементы без использования графических редакторов.

Синтаксис тега <svg>

SVG (Scalable Vector Graphics — масштабируемая векторная графика) — это язык разметки на основе XML, предназначенный для описания двумерной векторной графики. Проще говоря, SVG для изображений — это то же самое, что HTML для текста. Как следует из названия, SVG позволяет масштабировать векторное изображение вверх или вниз до любого размера без потери качества, в отличие от растровых изображений (JPG, GIF и PNG)…

Доступ только по подписке

Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.

Что даёт подписка?

  • Доступ ко всем разделам учебника
  • Доступ ко всем мастер-классам
  • Закрытый чат с ментором
  • Обратная связь на проекты

Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!

Продолжите обучение — соберите свой первый UX/UI-проект

Пройдите полный путь от основ дизайна и работы в Figma до wireframe, UI-дизайна, адаптивной версии и готового проекта в портфолио.

11 модулей · 50+ уроков · 30+ часов · практика в Figma

Посмотреть полный курс

Полная программа курса, формат обучения и стоимость