SVG: масштабована векторна графіка

Знайомство з SVG

Масштабована векторна графіка (SVG) – заснована на XML мова розмітки для опису двовимірної векторної графіки.

Таким чином, це заснований на тексті вебстандарт для опису зображень, що можуть бути чітко відтворені у будь-якому розмірі й розроблені саме для коректної взаємодії з іншими вебстандартами, серед яких CSS, DOM, JavaScript і SMIL. SVG по суті є для графіки тим, чим є HTML для тексту.

Зображення SVG та пов'язана з ними логіка описується в текстових файлах XML, а отже – до них можна застосовувати пошук, індексування, сценарне програмування й стиснення. Крім того, це означає, що їх можна створювати й редагувати за допомогою будь-якого текстового редактора чи ПЗ для малювання.

У порівнянні з класичними форматами зображень бітових карт, як то JPEG чи PNG, векторні зображення формату SVG можуть бути відтворені без втрати якості у будь-якому розмірі, і їх можна легко адаптувати до мови чи місцевості, оновивши текст всередині них, без потреби застосовувати графічний редактор. З використанням відповідних бібліотек SVG можна адаптувати навіть на льоту.

SVG розробляється Консорціумом Всесвітнього павутиння (W3C) від 1999 року.

Дивіться також Підручник SVG.

Документація

Довідка елементів SVG

Подробиці про кожний елемент SVG.

Довідка атрибутів SVG

Подробиці про кожний атрибут SVG.

Довідка інтерфейсів DOM SVG

Подробиці про DOM API SVG для взаємодії з JavaScript.

Застосування ефектів SVG до вмісту HTML

SVG працює вкупі з HTML, CSS і JavaScript.

Інструменти

Приклади