SVG означает масштабируемую векторную графику (Scalable Vector Graphics). Он в основном определяет векторную графику в формате XML. Графика SVG НЕ теряет качества при увеличении или изменении размера. Каждый элемент и каждый атрибут в файлах SVG можно анимировать.

Синтаксис:

<address> Адрес... </address>

Преимущества использования SVG

Преимущества использования SVG по сравнению с другими форматами изображений (например, JPEG и GIF):

  • Изображения SVG можно создавать и редактировать в любом текстовом редакторе
  • Изображения SVG можно искать, индексировать, создавать сценарии и сжимать
  • Изображения SVG масштабируются
  • Изображения SVG можно печатать с высоким качеством при любом разрешении

Различия между HTML SVG и HTML Canvas:

  • SVG — это язык для описания 2D-графики в XML, тогда как Canvas рисует 2D-графику на лету с помощью JavaScript
  • Если атрибуты объекта SVG изменены, браузер может автоматически повторно отображать форму, тогда как Canvas визуализируется попиксельно. В холсте, как только изображение нарисовано, браузер его забывает
  • SVG не зависит от разрешения, тогда как CANVAS зависит от разрешения
  • SVG поддерживает обработчики событий, тогда как CANVAS не поддерживает обработчики событий