HTML тег - svg - определение и примеры использования
Меню
Веб-разработка
Тег svg HTML

HTML - тег <svg> используется как контейнер для графики SVG.
SVG (масштабируемая векторная графика) — это язык двумерной графики на основе XML с поддержкой анимации и интерактивности. Для рисования изображений используются простые геометрические фигуры (круг, линии, многоугольник и т. д.).


Тег <svg> - синтаксис и код

Тег <svg> представлен парами. Содержимое записывается между открывающим (<svg>) и закрывающим (</svg>) тегами.

Пример кода SVG графики:

<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
  <polygon points="85,26 40, 150 150,78 14,78 130,150"
  style="fill:white;stroke:black;stroke-width:4;fill-rule:evenodd;" />
 К сожалению, ваш браузер не поддерживает встроенный SVG.
</svg>

SVG элемент "Звезда"

SVG элемент "Звезда"

Определение и использование

 

SVG определяет векторную графику в формате XML.

  • HTML - тег <svg> определяет контейнер для графики SVG;
  • В SVG есть несколько методов рисования контуров, прямоугольников, кругов, текста и графических изображений.

Поддержка <svg> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой