<svg> расшифровывается как scalable vector graphics, «масштабируемая векторная графика». Это значит, перед нами векторное изображение, которое можно масштабировать без потери качества. <svg> имеет несколько методов для рисования контуров, прямоугольников, кругов, текста и графических изображений. <svg> это не единственный формат векторной графики, есть много других. Но именно <svg> используют на веб-страницах и в HTML-коде. Его инструкции оптимизированы для веб-разработки, и отрисовка происходит прямо в браузере. И, самое главное, все команды <svg> представлены в виде текста и координат, а не в виде отдельных файлов. Это значит, что <svg>-изображение можно зашить прямо в код веб-страницы, что иногда бывает незаменимо.
<svg> հապավում է,որը նշանակում է scalable vector graphics՝ "ընդլայնվող վեկտորային գրաֆիկա": Սա նշանակում է, որ մենք ունենք վեկտորային պատկեր, որը կարող է չափվել առանց որակի կորստի: <svg> -ն ունի ուղիներ, ուղղանկյուններ, շրջանակներ, տեքստ և գրաֆիկա գծելու մի քանի մեթոդներ: <svg>-ը վեկտորային գրաֆիկայի միակ ձևաչափը չէ, կան շատ ուրիշներ: Բայց հենց <svg> է օգտագործվում վեբ էջերում և HTML կոդում: Նրա հրահանգները օպտիմիզացված են վեբ մշակման համար, և մատուցումը տեղի է ունենում հենց բրաուզերում: Եվ, ամենակարևորը, բոլոր <svg> հրամանները ներկայացված են որպես տեքստ և կոորդինատներ, այլ ոչ թե առանձին ֆայլեր։ Սա նշանակում է, որ <svg>-պատկերը կարող է ուղղակիորեն կարվել վեբ էջի կոդի մեջ, ինչը երբեմն անփոխարինելի է:
See the Pen Mountainscape by Olly Hodgson (@thinkdrastic) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 9+ | 12+ | 28+ | 4+ | 9+ | 10+ |