HTML5+-+SVG

// Претходно: //Платно // Следно: //Видео // Почеток: // HTML5 Tуторијал

**Што е SVG?**

 * SVG – Скалабилна Векторска Графика.
 * SVG се користи за дефинирање на векторски – базирана графика за web.
 * SVG ја дефинира графиката во XML формат.
 * SVG графиката не губи од квалитетот доколку се зумира или намалува.
 * Секој елемент и секој атрибут во SVG фајловите може да се анимира.

Предности на SVG
Предности од користењето на SVG во споредба со другите формати (JPEG и GIF) се:
 * SVG сликите можат да бидат креирани и едитирани со бил кој текст едитор;
 * SVG сликите можат да бидат пребарувани, индексирани, скриптирани и компресирани;
 * SVG сликите се скалабилни;
 * SVG сликите можат да бидат испечатени со висок квалитет на било која резолуција;
 * SVG сликите можат да бидат зголемувани без деградација.

Вграден SVG директно во HTML страните
Во HTML5 можат да се вградат SVG елементи дирекно во HTML страната.

__Пример__
<!DOCTYPE html>          Резултат

Разлики помеѓу SVG и Платно
SVG е јазик за опишување на 2D графиката во XML. Платното црта брза 2D графика со JavaScript. SVG е базиран на XML, што значи дека секој елемент е достапен во SVG DOM. Moжат да се додадат JavaScript ракувачи со настани за секој елемент. Во SVG секоја фигура е зачувана како објект. Ако атрибутите на SVG објектот се променат, пребарувачот автоматски ја ре-рендерира фигурата. Платното е рендерирано пиксел по пиксел. Во платното еднаш кога графиката ќе се нацрта, доколку некоја позиција треба да се промени, целата сцена треба да се прецрта, вклучувајќи ги и објектите кои биле покриени од графиката.

// Претходно: // Платно // Следно: // Видео // Почеток: // HTML5 Tуторијал