Intern
Mis on SVG?
sobes.tech AI
Vastus AI-lt
SVG (Skalāma vektorgrafika) ir XML balstīts vektorgrafikas formāts 2D grafikas izveidei. Atšķirībā no rastra attēliem, SVG apraksta grafiku ar matemātiskām formulām, kas ļauj mērogot attēlus bez kvalitātes zuduma.
Galvenās SVG īpašības:
- Vektorgrafikas formāts: Attēli tiek aprakstīti ar ģeometriskām primitīviem (punktiem, līnijām, līknes, figūrām), nevis pikseļiem.
- XML bāze: SVG dokumenta struktūra balstās uz XML sintaksi, padarot to viegli lasāmu un rediģējamu.
- Mērogojamība: Attēlus var palielināt vai samazināt bez skaidrības un kvalitātes zuduma.
- Interaktivitāte: SVG elementi var būt interaktīvi, reaģēt uz notikumiem (klikšķiem, novietojumu utt.) ar JavaScript palīdzību.
- Stilizācija: SVG elementu noformējumu var veikt ar CSS.
- Animācija: SVG atbalsta elementu animāciju ar iebūvētiem līdzekļiem vai CSS/JavaScript.
SVG izmantošanas priekšrocības tīmeklī:
- Ideāli ikonas un logotipiem: Mērogojamība nodrošina skaidru attēlojumu uz jebkura ekrāna izšķirtspējas.
- Mazāks failu izmērs: Dažādiem grafikas veidiem SVG faili var būt mazāki nekā līdzīgi rastra formāti.
- SEO draudzīgs: Teksts SVG tiek indeksēts meklētājprogrammās.
- Pieejamība: Pateicoties teksta raksturam, SVG ir pieejamāks palīgtehnoloģijām.
- Viegla modifikācija: Tā kā tas ir XML, saturu var dinamiski mainīt.
Vienkāršs SVG attēla piemērs (riings):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>