SVG в HTML — из иллюстратора в браузер

HTML By Builder

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

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

Когда это видео наберет 1000 просмотров я начну запись видео про углубленную работу с SVG — анимации и работа с JavaScript API. Например, средствами библиотеки Snap.svg.

Музыка в скринкасте: Mitis — Touch EP (http://websanya.ru/mitis-touch).

Александр Гончаров на твиттере: http://twitter.com/websanya

uWebDesign это:
• Сайт: http://uwebdesign.ru (Подписывайтесь!)
• Паблик на ВК: http://vk.com/uwebdesign
• Лента в Twitter: http://twitter.com/uwebdesgn
• Канал на YouTube: https://youtube.com/user/uwebdesign

source