Что такое SVG

Здравствуйте! А сегодня я пишу первую статью из серии, в которой мы узнаем, что такое SVG и как его использовать.

SVG(Scalable Vector Graphic) - это язык для описания двумерной графики, основанный на XML. Данная технология постепенно набирает обороты, а связано это вот с чем:

При изменении масштаба svg фигуры всегда перерисовываются, благодаря чему вы всегда будете видеть гладкое и красивое изображение без пикселизации
Браузеру не нужно запрашивать картинку у сервера, т.к. он сам её рисует, следовательно, производительность повышается
Можно стилизовать объекты с помощью CSS, как обычные html элементы, или с помощью JavaScript
Можно редактировать или анимировать с помощью CSS и JavaScript
Меньший размер

Что такое SVG

		Это интересно 0	Как всё будет выглядеть в блоге: Что такое SVG Здравствуйте! А сегодня я пишу первую статью из серии, в которой мы узнаем, что такое SVG и как его использовать Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/13255790/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Что такое SVG </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте!  А сегодня я пишу первую статью из серии, в которой мы узнаем, что такое SVG и как его использовать </div> </div> Что такое SVG <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchim-html/13255790/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Что такое SVG</a> <div style="font-family:trebuchet MS;">Здравствуйте! А сегодня я пишу первую статью из серии, в которой мы узнаем, что такое SVG и как его использовать </div> </div>

webguru

16.02.2017

В избранное Пожаловаться Просмотров: 216

Комментарии ⁰

Учим HTML 56

Активные участники:

Последние откомментированные темы:

Что такое SVG

Комментарии временно отключены

Премодерируемое участие
934 участника