Ինչ է 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-ը իդեալական է լոգոտիպների, նշանների, նկարազարդումների, գրաֆիկների և դիագրամների համար, որտեղ կարևոր է հստակությունը տարբեր չափերում և ինտերակտիվության հնարավորությունը: