SVG vaje

0. Oglej si sestavek http://sio.edus.si/list/1/svg/default.htm

1. Na http://www.cattocreations.com/LearnSVG/Circle.html si oglej stran, kjer si lahko interaktivno ogledaš, kako pisati SVG ukaze.

2. V SVG nariši kvadrat z včrtnanim krogom.

3. S pomočjo programa Majura narišite enako sliko in jo izvozite v foramtu SVG. Kje so razlike?

4. Oglej si stran: http://www.carto.net/papers/svg/samples/shapes.shtml ali http://www.w3schools.com/svg/svg_rect.asp kjer so naštete osnovne oblike v SVG in pripravi HTML stran, kjer bo v prvem stolpcu ustrezen SVG ukaz, v drugem SVG slika, kot jo naredi ta ukaz in v tretjem GIF slika SVG slike.

5. Oglej si še program InkScape, na spletu poišči kje je. Še z njim nariši sliko, kot pri nalogi 3. Kakšen je tokrat SVG?

6. Oglejte si primer na http://sio.edus.si/list/1/svg/svg03.htm ali http://www.gisnet.com/notebook/NE_Map.htm in poskusi sam sestaviti sliko, kjer vključuješ/izključuješ določene dele. Npr. slika hiše, ki lahko ima ali pa nima dimnik, okna, streho, ...

7. Naredi aktivno sliko še s pomočjo SVG. http://www.zvon.org/HowTo/Output/howto_jj_svg_20.html in  http://sio.edus.si/list/1/svg/svg05.htm

Še nekaj zanimivih povezav za učenje SVG:

• http://www.learnsvg.com/html/bitmap/chapter04/page04-1.htm
• http://www.carto.net/papers/svg/samples/
• http://www.kevlindev.com/tutorials/
• http://www.mayura.com/
• http://dhtmlnirvana.com/svg/
• http://www.webdeveloper.com/design/design_svg_example.html
• http://www.zvon.org/HowTo/Output/category_SVG.html
• http://www.w3schools.com/svg/svg_intro.asp