Vektorska grafika u HTML5 tehnologiji

Primjena i način upotrebe vektorske grafike u različitim web tehnologijama je u stalnom razvoju u skladu s razvojem programskih preglednika i ureñaja. U radu se pristupa istraživanju mogućnosti vektorske grafike u HTML5 tehnologiji. Zasebno se objašnjavaju pojmovi vektorske grafike, HTML-a te novosti u HTML5 tehnologiji. Eksperimentalni dio rada sastoji se od izrade web aplikacije za crtanje vektorske grafike pomoću HTML5 programskog koda. HTML5 je nova generacija označnog jezika, pomoću kojega se mogu kreirati složene grafike koristeći standardne tehnologije bez instalacije programskih utičnica (plug-in). Vektorsku je grafiku u HTML5 moguće kreirati pomoću dvije tehnologije: Canvas i SVG. Gotovo svaki grafički element baziran na vektorskoj definiciji može se definirati objema tehnologijama, no ponekad će za taj specifičan zadatak jedna od njih biti kvalitetnije rješenje. SVG (Scalable Vector Graphics) je XML derivat jezik koji se koristi za opisivanje vektorske grafike na web-u. Ono je grafički model zadržanog tipa (eng. retained-mode graphics model) što znači da je struktura nekog grafičkog objekta pohranjena unutar memorije u obliku podataka te da je SVG procesor odgovoran za iscrtavanje tog objekta. Canvas je s druge strane grafički model neposrednog tipa (eng. immediate-mode graphics model) što znači da je sama aplikacija odgovorna za prikaz odreñenog sadržaja, pa se podaci ne pohranjuju u memoriju