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
|
---
title: SVG
slug: Glossary/SVG
tags:
- SVG
- Глосарій
- Графіка
- Початківцям
translation_of: Glossary/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG, </strong><em>масштабована векторна графіка</em>) — це формат для двовимірної векторної графіки, що базується на синтаксисі {{Glossary("XML")}}. Група {{Glossary("W3C")}} почала працювати над SVG наприкінці дев'яностих, але SVG здобув популярність лише коли було випущено {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 із підтримкою SVG. Всі головні {{Glossary("browser","браузери")}} зараз підтримують SVG.</p>
<p>Завтяки тому, що SVG базується на синтаксисі {{Glossary("XML")}}, його можна стилізувати за допомогою {{Glossary("CSS")}} та надавати йому інтерактивності, використовуючи {{Glossary("JavaScript")}}. HTML5 зараз дозволяє напряму включати SVG {{Glossary("Tag","теги")}} у документ {{Glossary("HTML")}}.</p>
<p>Так як SVG — це векторний формат графіки, те, що він може маштабуватися без втрати даних, робить його неоціненним у адаптивному {{Glossary("responsive design", "веб-дизайні")}}, тому що він дає можливість створювати елементи інтерфейсу, що можуть маштабуватися для будь-якого розміру екрана. Також SVG включає в себе корисні інструменти, такі як відсікання, маскування, фільтри та анімації.</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> (en)</li>
</ul>
<h3 id="Технічна_інформація">Технічна інформація</h3>
<ul>
<li><a href="/en-US/docs/Web/SVG">Документація SVG на MDN</a></li>
<li><a href="http://www.w3.org/TR/SVG/" rel="external">Остання специфікація SVG</a></li>
</ul>
|
