Scalable vector graphics

Abstract

Tämä opinnäytetyö käsittelee SVG:tä eli skaalautuvaa vektorigrafiikkaa. Aihetta tarkastel-laan tekniseltä kannalta selventäen formaatin rakennetta, soveltuvuutta ja luomista.; Skaalautuvaan vektorigrafiikkaan tutustuminen aloitetaan kertomalla sen kehityshistoriasta: mistä se on saanut alkunsa ja miten se on matkan varrella muokkautunut nykyiseen muo-toonsa. Lyhyesti kerrotaan myös mitä ovat XML ja vektorigrafiikka, koska nämä yhdistyvät SVG-formaatissa. Seuraavaksi käydään läpi standardin eri profiilit, mitä ne ovat ja mihin tarkoituksiin niistä kukin on laadittu.; Pääosa tekstistä käsittelee SVG:n teknistä rakennetta. Tarkastelu etenee alkaen perusteista, kuten dokumentin määrittelyt, käytettävissä olevat mittayksiköt ja yksinkertaisimmat graafi-set elementit, jatkaen graafisten tehosteiden kanssa ja lopuksi tutustutaan interaktiivisuutta tuoviin ominaisuuksiin, kuten animointi ja ohjelmointi.; Soveltamisesta kertovassa luvussa käydään läpi yleisimmät käyttökohteet ja pohditaan SVG:n soveltuvuutta näihin tarkoituksiin. Työssä tarkastellaan myös ohjelmistoja, joilla skaalautuvaa vektorigrafiikkaa on mahdollista tuottaa ja muokata, sekä tutkitaan katseluoh-jelmien ja selaimien SVG-tukea.; Lopuksi kerrotaan pienimuotoisen casen toteuttamisesta ja tuloksista; casen tarkoituksena on kokeilla hieman käytännössä miten SVG toimii.

This thesis deals with SVG, i.e. Scalable Vector Graphics. The purpose is to look at the subject from a technical point of view by studying the structure, applicability and creating of the format.;The thesis starts by exploring the development history of Scalable Vector Graphics, where it began and how it has been modified to its current form. XML and vector graphics are also explained shortly, as both these formats are combined in SVG. The next part describes the different Profiles of the standard, explaining what they are and which purposes each is made for.;The main part of the text discusses the technical structure of SVG documents. The analysis starts with the basics, such as document definitions, available measure units and the sim-plest graphic elements; continuing with graphic effects and ending with features that allow interactivity, such as animation and scripting.;The chapter about application deals with the most common uses and the applicability of SVG in them. There is also a look at software with which Scalable Vector Graphics can be created and modified, as well as the SVG support of viewers and browsers.;At the end there is a report of the implementation and results of a small case, which is in-tended simply to show how SVG works in practise.