НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Графіка. Уроки W3Schools українською для початківців

En

SVG Підручник

SVG означає Scalable Vector Graphics (Масштабована Векторна Графіка).

SVG визначає векторну графіку у форматі XML.


Приклади в кожному розділі

З нашим редактором "Спробуйте самі" ви можете редагувати SVG, та клікати на кнопку, щоб переглянути результат.

SVG Приклад

<html>
<body>

<h1>Мій перший SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>
Спробуйте самі »

Що ви вже повинні знати

Перш ніж продовжити, ви повинні мати базове розуміння наступного:

  • HTML
  • Основи XML

Якщо ви хочете спочатку вивчити ці предмети, знайдіть підручники на нашому сайті W3Schools українською.


Що таке SVG?

  • SVG означає Scalable Vector Graphics (Масштабована Векторна Графіка)
  • SVG використовується для визначення векторної графіки для Інтернету
  • SVG визначає графіку у форматі XML
  • Кожен елемент і кожен атрибут у файлах SVG можна анімувати
  • SVG є рекомендацією W3C
  • SVG інтегрується з іншими стандартами W3C, такими як DOM і XSL

SVG є рекомендацією W3C

SVG 1.0 став рекомендацією W3C 4 вересня 2001 року.

SVG 1.1 став рекомендацією W3C 14 січня 2003 року.

SVG 1.1 (друге видання) стало рекомендацією W3C 16 серпня 2011 року.


Переваги SVG

Переваги використання SVG перед іншими форматами зображень (як-от JPEG і GIF):

  • Зображення SVG можна створювати та редагувати за допомогою будь-якого текстового редактора
  • Зображення SVG можна шукати, індексувати, створювати скрипти та стискати
  • Зображення SVG можна масштабувати
  • Зображення SVG можна друкувати з високою якістю за будь-якої роздільної здатності
  • Зображення SVG можна масштабувати
  • Графіка SVG НЕ втрачає якості, якщо її масштабувати або змінювати розмір
  • SVG є відкритим стандартом
  • Файли SVG є чистим XML

Створення зображень SVG

Зображення SVG можна створювати за допомогою будь-якого текстового редактора, але часто зручніше створювати зображення SVG за допомогою програми для малювання, наприклад Inkscape.