Stiliziranje i animiranje SVG elemenata upotrebom CSS-a

Rančić, Katarina (2016) Stiliziranje i animiranje SVG elemenata upotrebom CSS-a. Baccalaureus work - Undergraduate programme. Grafički fakultet. [Mentor: Koren Ivančević, Tajana].

PDF Z694_Rančić_Katarina.pdf Restricted to Registered users only Download (2MB)

Abstract

Rad je pisan na temu stiliziranja, manipuliranja i animiranja SVG elemenata upotrebom CSS-a. SVG (Scalable Vector Graphic) je jezik za opisivanje dvodimenzionalne vektorske grafike na webu. SVG se temelji na XML tehnologiji što predstavlja niz mogućnosti kombiniranja s drugim jezicima unutar W3C-a koji se također temelje na XML-u. Jedan od takvih jezika je i CSS. CSS (Cascading Style Sheets) omogućava definiranje stila te manipuliranje elementima unutar web stranice. U prvom dijelu rada govori se o SVG tehnologiji te stvaranju oblika u SVG-u. Govorit se i o osnovama CSS tehnologije te su objašnjene mogućnosti stiliziranja, manipuliranja i animiranja oblika kroz CSS. Napravljena je usporedba SVG-a i CSS-a, te opis mogućnosti njihovog kombiniranja. Govori se o mogućnostima čitljivosti SVG-a i CSS-a od strane popularnih web preglednika. U drugom dijelu rada prikazan je proces izrade web infografike upotrebom SVG-a i CSS-a. Cilj istraživanja je otkrivanje mogućnosti stiliziranja i animiranja SVG-a upotrebom CSS-a. Također će biti prikazano kako različiti preglednici čitaju isti kod.

Item Type:	Baccalaureus work - Undergraduate programme
Mentor name:	Koren Ivančević, Tajana
Thesis Committee:	Stanić Loknar, Nikolina and Koren Ivančević, Tajana and Skala, Tibor
Defence date:	5 July 2016
Abstract in english:	The topic of this paper is the use of CSS for styling, manipulating and animating SVG elements. SVG (Scalable Vector Graphics) is a language for describing two dimensional vector graphics on the web. SVG is based on XML technology, which makes it possible to combine SVG with other W3C languages based on XML. One of those languages is CSS. CSS (Cascading Style Sheets) enables style definition and manipulation of elements inside a web page. In the first part of the paper, SVG technology and the construction of objects in SVG is discussed. The basics of CSS are presented and the posibilities of styling, animating and manipulating SVG elements using CSS are explained. SVG and CSS are compared, and the posibilities for combining them is described. Support for CSS and SVG by popular web browsers is mentioned. In the second part of the paper the process of constructing web infographic by CSS and SVG is described. The aim of research is to explore the posibilities of styling and animating SVG with the use of CSS. It is presented how different web browsers display the same code.
Uncontrolled Keywords:	SVG, CSS, stiliziranje, animiranje, web preglednici
Keywords in english:	SVG, CSS, styling, animation, web browsers
Subjects:	TECHNICAL SCIENCES > Graphic Technology
Institution:	Grafički fakultet
City:	Zagreb
Number of Pages:	48
Callnumber:	KOR 2016 RAN
Inventory number:	Z694
Depositing User:	Nina Jelača
Status:	Unpublished
Date Deposited:	13 Jul 2016 09:36
Last Modified:	13 Jul 2016 09:36
URI:	http://eprints.grf.unizg.hr/id/eprint/2503

Actions (login required)

View Item