Всем привет!

Меня зовут Даша и я люблю svg <3

Возможности

• Геометрические фигуры
• Контуры
• Манипуляции с фигурами
• Текст
• Анимация

Преимущества

• Текстовый формат
• Масштабируемость
• Уменьшение запросов
• Интерграя с HTML
• Управление при помощи CSS

Время практики

Структурирование, группировка и привязка в SVG

<g>, <use>, <defs>, <symbol>

<g>

<use>

<use x="100" y="100" xlink:href="#pets">

<defs>

<defs><g> ... </g></defs>

<use x="100" y="100" xlink:href="#pets">

<symbol>

Время практики

Вопросы?