SVG nima?

SVG, yoki Skalalanadigan Vektor Grafiklar, XML asosida ikkinchi o‘lchovli grafikalar uchun vektorli rasm formatidir.

Asosiy xususiyatlar:

• Skalabilik: Rasm har qanday o‘lchamda aniq qoladi, chunki ular matematik formulalar bilan tasvirlangan, piksellar bilan emas.
• XML format: SVG fayllarining tuzilishi HTML ga o‘xshash teglardan iborat. Bu ularni o‘qilishi va tahrirlanishini osonlashtiradi.
• Interaktivlik: JavaScript yordamida interaktiv elementlar qo‘shish imkoniyati.
• Animatsiya: CSS yoki JavaScript yordamida elementlarning animatsiyasini qo‘llab-quvvatlash.
• Kirish imkoniyati: Kontentni cheklovlari bo‘lgan odamlar uchun tasvirlash imkoniyati.
• Yengillik: SVG fayllari, bir xil sifatda raster tasvirlardan kichikroq bo‘lishi mumkin.

SVG ni ishlatish usullari:

• HTML ga <svg> tegi orqali joylashtirish:

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

• CSS da fon rasmi sifatida foydalanish:

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

• <img> tegi orqali:

  <img src="image.svg" alt="Mening SVG rasmim">
  

• <object> yoki <iframe> teglari orqali.

SVG logotiplar, ikonalar, illyustratsiyalar, grafiklar va diagrammalar uchun juda mos keladi, bu yerda aniqlik va interaktivlik muhimdir.