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 не поддерживает обработчики событий