1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
title: SVG
slug: Glossary/SVG
tags:
- SVG
- Глоссарий
- Графика
- Начинающий
- Программирование
translation_of: Glossary/SVG
original_slug: Глоссарий/SVG
---
<p><em><font><font>Масштабируемая векторная графика</font></font></em><font><font> ( </font></font><strong><font><font>SVG</font></font></strong><font><font> ) - это формат двумерного векторного изображения на основе </font><font>синтаксиса</font></font> {{Glossary("XML")}}.</p>
<p>{{Glossary("W3C")}} <font><font>начал работу над SVG в конце 1990 - </font><font>х годов, но SVG стал популярным, </font><font>когда</font></font> {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 <font><font>вышел с поддержкой SVG. </font><font>Все основные, </font></font>{{Glossary("browser","браузеры")}} <font><font>теперь поддерживают SVG.</font></font></p>
<p><font><font>На основе </font><font>синтаксиса</font></font> {{Glossary("XML")}}, <font><font>SVG можно стилизовать с помощью</font></font> {{Glossary("CSS")}} <font><font>и сделать интерактивным с использованием</font></font> {{Glossary("JavaScript")}}. <font><font>HTML5 теперь позволяет прямое встраивание </font></font>{{Glossary("Tag","тегов")}} <font><font>SVG </font><font>в </font></font>{{Glossary("HTML")}} <font><font>документ.</font></font></p>
<p><font><font>В качестве </font></font><a href="http://en.wikipedia.org/wiki/Vector_graphics" rel="external noopener"><font><font>формата векторного изображения</font></font></a><font><font> графика SVG может масштабироваться бесконечно, делая их неоценимыми в </font></font><a href="https://developer.mozilla.org/ru/docs/Glossary/responsive_design">адаптивном дизайне</a><font><font> , поскольку вы можете создавать элементы интерфейса и графику, масштабируемые для любого размера экрана. </font><font>SVG также предоставляет полезный набор инструментов, таких как обрезание, маскирование, фильтры и анимации.</font></font></p>
<p> </p>
<h2 id="Смотрите_также">Смотрите также</h2>
<h3 id="Общая_информация">Общая информация</h3>
<ul>
<li>{{Interwiki("wikipedia", "SVG")}} на Wikipedia</li>
</ul>
<h3 id="Изучение_SVG">Изучение SVG</h3>
<ul>
<li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a></li>
</ul>
<h3 id="Техническая_документация">Техническая документация</h3>
<ul>
<li><a href="/en-US/docs/Web/SVG">SVG documentation on MDN</a></li>
<li><a href="http://www.w3.org/TR/SVG/" rel="external">Latest SVG specification</a></li>
</ul>
|