Animacija u SVG-u

undergraduate thesis

• Author: Dunja Žarković
• Mentor: Klaudio Pap (mentor)
• Committee member: Klaudio Pap (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2011-9-20, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

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.

• Keywords: SVG; animacija; animacijski atributi; animacijski elementi; SVG DOM
• Language: croatian
• URN:NBN: urn:nbn:hr:216:578909
• Study programme: Title: Printing technology, course Technical - technological; Course: Graphic technology; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-04-26 14:33:13