SVG tutorial / øvelser

Her kan du lære at tegne SVG tegninger, der kan indsættes i HTML sider.

Statiske tegninger

Den første serie af øvelser introducerer SVG, og du skal lave en række øvelser i flade HTML filer.

• Link til øvelser med statiske SVG tegninger

Dynamiske tegninger

Den anden serie af øvelser er understøttet af videoer, hvor du lærer at generere SVG tegninger I Java. Der er sådan set ikke noget nyt SVG i denne del, men til gengæld forslag til hvordan du kan arbejde med SVG fra din backend. F.eks. i Javalin og Thymeleaf, som vi jo anvender på 2. semester.

• Link til øvelser med dynamiske SVG tegninger

Referencer

Her er en række gode links:

• developer.mozilla.org er en rigtig god indgang til SVG

• Mozilla SVG Docs er en god reference med mange detaljer.

• Jakob Jenkov har lavet en der kommer omkring det meste af hvad I får brug for.

• Det at placere tekst helt perfekt er noget pille arbejde.
  • Dels har Jenkov noget.
  • Denne side er også god.
• Artiklen “SVG: A Scene Description Language” er en god og præcis introduktion til SVG. Der er også en god introduktion til hvordan man kan bruge vektorgrafik til modellering af sammensatte figurer (afsnit 2.7.4 Hierarchical Models()).