loader

<svg> расшифровывается как scalable vector graphics, «масштабируемая векторная графика». Это значит, перед нами векторное изображение, которое можно масштабировать без потери качества. <svg> имеет несколько методов для рисования контуров, прямоугольников, кругов, текста и графических изображений. <svg> это не единственный формат векторной графики, есть много других. Но именно <svg> используют на веб-страницах и в HTML-коде. Его инструкции оптимизированы для веб-разработки, и отрисовка происходит прямо в браузере. И, самое главное, все команды <svg> представлены в виде текста и координат, а не в виде отдельных файлов. Это значит, что <svg>-изображение можно зашить прямо в код веб-страницы, что иногда бывает незаменимо.

<svg> հապավում է,որը նշանակում է scalable vector graphics՝ "ընդլայնվող վեկտորային գրաֆիկա": Սա նշանակում է, որ մենք ունենք վեկտորային պատկեր, որը կարող է չափվել առանց որակի կորստի: <svg> -ն ունի ուղիներ, ուղղանկյուններ, շրջանակներ, տեքստ և գրաֆիկա գծելու մի քանի մեթոդներ: <svg>-ը վեկտորային գրաֆիկայի միակ ձևաչափը չէ, կան շատ ուրիշներ: Բայց հենց <svg> է օգտագործվում վեբ էջերում և HTML կոդում: Նրա հրահանգները օպտիմիզացված են վեբ մշակման համար, և մատուցումը տեղի է ունենում հենց բրաուզերում: Եվ, ամենակարևորը, բոլոր <svg> հրամանները ներկայացված են որպես տեքստ և կոորդինատներ, այլ ոչ թե առանձին ֆայլեր։ Սա նշանակում է, որ <svg>-պատկերը կարող է ուղղակիորեն կարվել վեբ էջի կոդի մեջ, ինչը երբեմն անփոխարինելի է:

Синтаксис

Գրելաձև

<svg> . . . </svg>

Пример

Օրինակ

See the Pen Mountainscape by Olly Hodgson (@thinkdrastic) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը <svg> элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 9+ 12+ 28+ 4+ 9+ 10+