SVG в HTML — из Adobe Illustrator в браузер

Описание

Напишите нам: work@uwebdesign.ru

В этом обзоре я показываю три базовых способа встраивания SVG в HTML веб-страницы. С помощью элемента IMG с внешним атрибутом src, CSS свойства background и напрямую в разметку в тег SVG. Видео до сих пор актуально в 2020.

SVG (Scalable Vector Graphics) — формат изображений, позволяющий использовать векторную графику в браузере для того, чтобы решить проблемы с масштабированием для разных разрешений. SVG представляет собой текстовый файл с разметкой. Работать с SVG можно прямо в HTML шаблонах, стилизовать с помощью CSS.

Другие ролики про SVG (анимации, спрайты, фильтры): https://www.youtube.com/playlist?list=PLZfRjCZl2NuS6s8ABvs_FLe63nt5Qo9Ec

Поддержать канал на Patreon: https://www.patreon.com/uwebdesign

---------------

Привет! Это канал подкастеров из Челябинска — uwebdesign. Нас зовут Александр Гончаров и Никита Тарасов. Здесь вы найдете видео про веб разработку и IT на русском языке, а также обзоры на технику, про ux дизайн, инструменты для разработки, урбанистику, новости и многое другое. Приятного просмотра!

uWebDesign в соц. сетях:
• Telegram: https://t.me/uwebdesign
• Reddit: https://reddit.com/r/uwebdesign
• VK: https://vk.com/uwebdesign
• Twitter: https://twitter.com/uwebdesgn
• Facebook: https://facebook.com/uwebdesgn

Мы в Instagram:
• Александр Гончаров: https://instagram.com/websanya
• Никита Тарасов: https://www.instagram.com/voodoouue/

Мы в твиттере:
• Никита Тарасов: https://twitter.com/voodooue
• Александр Гончаров: https://twitter.com/websanya

#svg #html #frontend