|
|
Possibilities of using SVG in web design
VČELÁK, Tomáš
The goal of the thesis is to introduce possibilities of SVG (Scalable Vector Gra- phics) in web design. SVG is a scalable vector graphic format which didn't find application on the web for a long time due to poor support in older versions of Microsoft Explorer. Nowadays, it is finally possible to fully benefit advantages of SVG in front-end web design, e.g. independence on a screen resolution (espe- cially with wide-spread Retina displays), resizing without visual quality loss, machine readability of embedded text content, and most importantly small file size. These features allowed SVG to be recognized as an HTML5 family member. Author of the thesis will focus on methods of bringing SVG to web design, including methods of generating PNG alternatives and variants of SVG inclusion into web page code. The foundation of the thesis will be a web page presentation, which will demonstrate use of SVG on text (fillings, gradients, filters, and animations), images (cropping and filters), animations of checkbo- xes and icons, animated interactions with form inputs and buttons, animated transitions, banners and maps with animated paths, etc. The presentation will emphasize advantages of used techniques in comparison with traditional bitmap graphics.
|
guest ::
