diff options
Diffstat (limited to 'files/uk/glossary/svg/index.html')
| -rw-r--r-- | files/uk/glossary/svg/index.html | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/files/uk/glossary/svg/index.html b/files/uk/glossary/svg/index.html new file mode 100644 index 0000000000..a95edae93a --- /dev/null +++ b/files/uk/glossary/svg/index.html @@ -0,0 +1,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> |