Sobes.tech
Intern

Kas yra SVG?

sobes.tech AI

Atsakymas iš AI

SVG (Scalability Vector Graphics) yra XML pagrindu veikiantis vektorinės grafikos formatas, skirtas kurti dviejų matmenų grafiką. Skirtingai nuo rastų vaizdų, SVG aprašo grafiką naudodamas matematikos formules, leidžiančias mastelio keisti vaizdus be kokybės praradimo.

Pagrindinės SVG savybės:

  • Vektorinė forma: Vaizdai aprašomi geometrinėmis primitivių (taškų, linijų, kreivių, figūrų), o ne pikselių.
  • XML pagrindas: SVG dokumento struktūra grindžiama XML sintakse, todėl ją lengva skaityti ir redaguoti.
  • Mastelio keitimas: Vaizdus galima didinti arba mažinti be aiškumo ir kokybės praradimo.
  • Interaktyvumas: SVG elementai gali būti interaktyvūs, reaguoti į įvykius (paspaudimus, pelės perėjimus ir kt.) naudojant JavaScript.
  • Stilius: SVG elementų išvaizdą galima keisti naudojant CSS.
  • Animacija: SVG palaiko elementų animaciją su įmontuotais įrankiais arba CSS/JavaScript.

SVG naudojimo privalumai internete:

  • Idealiai tinka piktogramoms ir logotipams: Mastelio keitimas užtikrina aštrų vaizdą bet kokio rezoliucijos ekrane.
  • Mažesnis failo dydis: Daugeliui grafikos tipų SVG failai gali būti mažesni nei panašūs rastiniai formatai.
  • SEO draugiškas: Tekstas SVG indeksuojamas paieškos sistemų.
  • Prieinamumas: Dėl teksto pobūdžio SVG yra labiau prieinamas pagalbinėms technologijoms.
  • Lengva modifikuoti: Kadangi tai XML, turinys gali būti dinamiškai keičiamas.

Pavyzdys paprasto SVG vaizdo (apskritimo):

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>