SVG эмне?

SVG, же Скейлдоочу Вектор Графика, XML негизинде эки өлчөмдүү графика үчүн вектордук сүрөттүн форматы.

Негизги өзгөчөлүктөрү:

• Скейлдөөчү: Сүрөттөр кандайдыр бир масштабда так бойдон калат, анткени алар математикалык формулалар менен сүрөттөлгөн, пикселдер менен эмес.
• XML форматы: SVG файлдарынын түзүлүшү тегдер менен сүрөттөлөт, HTML сыяктуу. Бул алардын окумдуу жана текст түрүндө түзөтүлүүчү кылат.
• Интерактивдүүлүк: JavaScript аркылуу интерактивдүү элементтер кошуу мүмкүнчүлүгү.
• Анимация: CSS же JavaScript аркылуу элементтердин анимациясын колдоо.
• Жеткиликтүүлүк: Мазмунду мүмкүнчүлүгү чектелген адамдар үчүн сүрөттөө мүмкүнчүлүгү.
• Жеңилдик: SVG файлдары ошол эле сапаттагы растр сүрөттөргө караганда кичирээк болушу мүмкүн.

SVG колдонуу жолдору:

• HTMLге <svg> теги аркылуу кошуу:

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

• CSSте фон сүрөтү катары колдонуу:

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

• <img> теги аркылуу:

  <img src="image.svg" alt="Менин SVG сүрөтүм">
  

• <object> же <iframe> теги аркылуу.

SVG логотиптер, иконалар, иллюстрациялар, графиктер жана диаграммалар үчүн эң ылайыктуу, анткени тактык жана интерактивдүүлүк маанилүү.