SVG nədir?

SVG və ya Ölçülə bilən Vektor Qrafikləri, XML əsaslı ikiölçülü qrafika üçün vektor formatıdır.

Əsas xüsusiyyətlər:

• Ölçülənə bilənlik: Şəkillər hər hansı ölçüdə aydın qalır, çünki onlar riyazi formulalarla təsvir olunur, piksellərlə deyil.
• XML formatı: SVG fayllarının strukturu HTML-ə bənzər taglar ilə təsvir edilir. Bu onları oxumağı və redaktə etməyi asanlaşdırır.
• İnteraktivlik: JavaScript ilə interaktiv elementlər əlavə etmək imkanı.
• Animasiya: CSS və ya JavaScript ilə elementlərin animasiyasını dəstəkləyir.
• Əlçatanlıq: Məzmunu məhdudiyyətləri olan insanlar üçün təsvir etmək imkanı.
• Yüngüllük: SVG faylları, eyni keyfiyyətdə raster şəkillərdən daha kiçik ola bilər.

SVG istifadə üsulları:

• HTML-ə <svg> teqi ilə daxil etmək:

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

• CSS-də fon şəkli kimi istifadə:

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

• <img> teqi ilə:

  <img src="image.svg" alt="Mənim SVG şəkilim">
  

• <object> və ya <iframe> teqləri ilə.

SVG loqotiplər, ikonlar, illüstrasiyalar, qrafiklər və diaqramlar üçün idealdır, burada aydınlıq və interaktivlik vacibdir.