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.
Інструменти
Приклади
- Настанови з написання SVG
- SVG як зображення
- Анімація SVG за допомогою SMIL
- Підручник SVG з різдвяним календарем
- D3 (бібліотека JavaScript для візуалізації даних за допомогою HTML, SVG та CSS)