Vektorska grafika u HTML5 tehnologiji

diplomski rad

• Autor: Maja Grbac
• Mentor: Klaudio Pap (mentor)
• Član povjerenstva: Nikola Mrvac (član povjerenstva)
• Član povjerenstva: Klaudio Pap (član povjerenstva)
• Član povjerenstva: Vilko Žiljak (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2012-09-13, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

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.

Sažetak (engleski)

The application and method of use of vector graphics in diferent technologies is constantly developing along with the development of web browsers and devices. In this paper will be presented the research of the possibilities of HTML5 technology in vector graphics. Also, it will be separately explained the concept of vector graphics, HTML language and the novelties of the HTML5 standard. The experimental part of this paper consists of developing an application for drawing vector graphics using HTML5 code. HTML5 is the new generation of markup languages, using which it can be crated complex graphic scenes without external plug-ins, using just standard technologies. Vector graphics in HTML5 can be created with two technologies: Canvas and SVG. Almost every vector based graphics element can be created with both technologies, but in some scenarios one of them will be the better choice. SVG (Scalable Vector Graphics) is an XML derivat language which is used for creating vector web graphics. It is a retained-mode graphics model which means that the structure of an graphic object is stored in memory in form of data. On the other hand, Canvas is an immediate-mode graphics model which means that the application itself is responsable for viewing contet and that the data isn't stored in memory.

• Ključne riječi: HTML5; Vektorska grafika; Canvas; SVG
• Ključne riječi (engleski): HTML5; Vector graphics; Canvas; SVG
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:230770
• Studijski program: Naziv: Grafička tehnologija; smjerovi: Tehničko-tehnološki, Dizajn grafičkih proizvoda; Smjer: Tehničko-tehnološki; Vrsta studija: sveučilišni; Stupanj studija: diplomski; Akademski / stručni naziv: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (univ. mag. ing. techn. graph.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-04-18 18:24:22