Abstract | SVG (Scalable Vector Graphic) je programski jezik koji se koristi za opisivanje dvodimenzionalne vektorske grafike na webu. Grafički objekti koji su podržani poput slika, teksta i vektorskih oblika mogu se grupirati, stilizirati i animirati po želji.
Animacija u SVG grafici moguća je na tri načina: upotrebom SMIL-a jezika, korištenjem SVG animacijskih elemenata ili pomoću EcmaScript skriptnog jezika.
SVG animacijski elementi su <set>; <animate>; <animateMotion>; <animateColor>; <animateTransform>;.
'Set' element koristimo kada želimo određenom atributu dodijeliti određenu vrijednost, ali na način da to ne bude vidljivo promatraču.
'Animate' element nam služi kako bismo animirali pojedine atribute određenog objekta, poput visine, širine, boje obruba ili unutrašnjosti, vidljivosti ili prozirnosti.
'AnimateMotion' element pomiče animirani objekt po određenoj putanji (path) koju smo prethodno definirali.
'AnimateColor' element mijenja, odnosno animira, boju objekta u određenom vremenskom periodu.
'AnimateTransform' element animira transformacijske naredbe. Drugim riječima on rotira, translatira i smajnuje objekt na način da je to vidljivo promatraču.
Svakom od pet animacijskih elemenata potrebno je dodijeliti dodatne atribute koji animaciju detaljnije definiraju. Ti atributi mogu biti početak i kraj animacije, njeno trajanje, broj ponavljanja, itd.
Sofisticiranije animacije definiraju se imperativim načinom, putem skriptnog jezika EcmaScripta (JavaScripta) koji pristupa DOM platformi za univerzalni prikaz. Na taj način moguć je pristup svim elementima, atributima i svojstvima. |