_ 4.1 Vektorgrafik med SVG

Uppgiften introducerar till vektorbaserade bildformat för webben. Ett vektorbaserat bildformat sparar en bild som en matematisk beskrivning av former samt dess färger. Detta fungerar bra även om man förstorar bilden som då inte blir "pixlig". Bildformatet kallas för SVG:

- SVG är en W3C-standard, öppet och gratis
- SVG baseras på XML 

Man behöver alltså inget speciellt utvecklingsverktyg för att bygga SVG-bilder.

__ Uppgift

Lägg till en SVG-bild till en sida i din hemsides-webbplats som använder:

- Streck
- Kurvor och former
- Fyllnader
- Gradienter
- Filtereffekter
- Transformationer
- Text

Varje SVG-bild ska följa kraven under sidan [Krav, 05_ass/requirements/ip3.txt].

__ Exempel

Inget exempel ges.

__ Tips

Använd §svg§-taggen.

En SVG-bild kan stilsättas med CSS, exempelvis för att få en enhetlig design på webbplatsen (som även är lätt att förändra). Man kan även animera en SVG med JavaScript.

Se vidare [Adobe: SVG Developer Center, http://www.adobe.com/devnet/svg.html].

__ Hjälp

~ 05_ass/help/01.txt

>
[Klicka här för hjälp, helper.dsv@gmail.com, Webbutv I: 4.1 Vektorgrafik med SVG: http://people.dsv.su.se/~pierre/courses/i.cgi?href=05_ass/ip3/4.1.txt] ½===system_tutoring_message===½
<

~ 05_ass/help/02.txt