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верстка
7 views
2457
810
5 months ago 00:03:19 1
Труд непроизводительный - услуги, управление, знания. Краткая история будущего, часть 7.
8 months ago 00:01:16 23
Интервью с заместителем руководителя ПО СК «Самоуправление вне границ» - Овчинниковым Никитой
8 months ago 00:08:32 1
Простой способ оплатить подписку TradingView из России рублями и криптовалютой / трейдинг вью
11 months ago 00:50:06 1
Демократический централизм ‑основной принцип управления соц. экономикой [Марксизм-ленинизм эпохи ДП]
1 year ago 01:00:25 1
Управление реальностью сознанием. Лекции Свами Вишнудевананда Гири, 2005-2014 гг.