SVG

SVG — масштабируемая векторная графика

SVG (Scalable Vector Graphic) — XML-формат для описания масштабируемой векторной графики (в том числе и анимационной), поддерживаемый многими приложениями, в том числе и многими современными браузерами. Некторые браузеры (например, Firefox, Chrome, Opera, Safari и Internet Explorer 9) отображают SVG-графику встроенными средствами. Для упрощения создания векторной графики существует бесплатная JavaScript-библиотека Rafaёl, использующая SVG и VML в качестве основы. Приложения, созданные с использованием данной библиотеки, будут работать во всех современных браузерах, включая IE 6+.
Существуют приложения и библиотеки для работы с SVG-графикой,например, Batik SVG Toolkit, свободно распространяемый редактор Inkscape. Изображения, созданные в CorelDraw можно экспортировать в SVG-файлы.
В настоящее время не все средства SVG поддерживаются браузерами. Кроме того, некоторые элементы SVG отображаются различными браузерами по-разному. В частности собственные средства анимации SVG не поддерживаются браузерами Microsoft IE и Edge. Однако со временем эти различия, будем надеяться, устранятся.
Тексты в SVG индексируются поисковыми системами. Так что, в SVG можно создавать не только иллюстрации для HTML-документов, но Web-страницы целиком.

Код, задающий SVG-графику, представляет собой частный случай XML-кода. Он может записываться:

Примечание:

IE 9 - 11 поддерживает SVG без плагинов, но и без анимации.

Примеры:

Полезные ссылки: