SVG Fundamentals Träningskurs

Införandet

Översikt över Scalable vektorgrafik

• Förstå vektorgrafik
• SVG Grundläggande principer
• SVG Användningsområden och tillämpningar

Lär dig grunderna i att använda SVG

• Skapa en SVG
• Använda SVG som bilder
• Skapa en SVG avbildning

Gräva djupt i SVG-kod

• Förstå SVG layout, struktur och attribut
• Introduktion till SVG Elements
• Arbeta med SVG Grafiska Elements
• Arbeta med SVG behållare Elements
• Arbeta med SVG Gradient Elements

Använda SVG med HTML & CSS

• Bädda in SVG
• Ändra och styla SVG Använda CSS
• Att göra SVG responsiv

Skapa SVG Sprites

• Översikt över Image Sprites
• Använda HTML infogade SVG sprites
• Referera till externa SVG sprites i HTML
• Använda CSS infogade SVG sprites
• Använda SVG fragmentidentifierare

Optimera SVG

Animera med SVG

• Använda CSS för SVG Animation
• Använda SMIL för SVG Animation
• Använda JavaSkript för SVG Animation

Skapa ditt första SVG Logotyp Animation Projekt

• Konfigurera din arbetsmiljö
• Ritning av SVG
• Ändra SVG-koden för att formatera SVG
• Optimera SVG
• Animera SVG

Felsökning

Avslutande kommentarer