SVG. Руководство по использованию векторных изображений

Привет! SVG уже давно вошел в веб-разработку как некий стандарт для создания иконок на страницах. Данный формат легче, удобнее, производительнее и просто четче, потому что при изменении размеров не меняется четкость изображения. В этом видео я расскажу, как использовать и создавать svg-графику на сайтах. Поехали! Содержание: 00:00 - Вступление 02:18 - Виды подключения svg на страницу 07:10 - Как создавать svg-изображения с нуля 19:07 - Про размеры и viewBox 20:33 - Про теги g, defs 22:22 - Тег path 31:11 - Заливка и обводка 37:11 - SVG-спрайты в html-файле 42:08 - SVG-спрайты во внешнем файле 44:30 - Пример простого градиента в SVG 46:32 - Заключение Руководство по использованию векторных изображений - примеры из видео - моя статья про вставку svg - пример svg-градиента Поддержать канал: Мой блог: Мой сайт: Канал в телеграм: Чат для верстальщиков: Тема VS Code: One Monokai Шрифт VS Code: Consolas, ’Courier New’, monospace #maxgraph #trueверстка
Back to Top