Intern

Mi az az SVG?

sobes.tech MI

Válasz az MI-től

SVG, vagy Skálázható Vektor Grafika, XML alapú vektorgrafikus formátum két dimenziós grafikákhoz.

Fő jellemzők:

Skálázhatóság: A képek bármilyen méretben élesek maradnak, mivel matematikai formulákkal vannak leírva, nem pixelekkel.
XML formátum: Az SVG fájlok szerkezete tagekkel van leírva, hasonlóan a HTML-hez. Ez olvashatóvá és szerkeszthetővé teszi őket szövegként.
Interaktivitás: Lehetőség interaktív elemek hozzáadására JavaScript segítségével.
Animáció: Támogatás az elemek animálására CSS vagy JavaScript segítségével.
Hozzáférhetőség: A tartalom leírásának lehetősége fogyatékkal élők számára.
Könnyűség: Az SVG fájlok kisebbek lehetnek, mint a hasonló minőségű raszterképek.

SVG használati módok:

Beágyazás HTML-be az <svg> tag segítségével:

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

Háttérképként CSS-ben:

.element {
  background-image: url('image.svg');
}

<img> tag segítségével:

<img src="image.svg" alt="Saját SVG képem">

<object> vagy <iframe> tageken keresztül.

Az SVG ideális logók, ikonok, illusztrációk, grafikonok és diagramok számára, ahol fontos a tisztaság különböző méretekben és az interaktivitás lehetősége.

Korábbi Következő