Масштабируемая векторная графика (SVG) - это формат двумерной векторной графики на основе XML, который также можно использовать в HTML. Не добавляйте этот тег только потому, что ваш проект использует SVG. Вместо этого добавьте тег, если ваш вопрос касается SVG или тесно связан с ним, например, как добиться чего-то с SVG.

Масштабируемая векторная графика(SVG) - это язык разметки для описания двумерных vector-graphicsизображения, анимация и приложения. SVG также представляет собой набор связанных графических интерфейсов скриптов. Формат SVG отличается от растровыхформатов, кодируя графику преимущественно с помощью математических и матричных преобразований, что позволяет выводу SVG не зависеть от разрешения. Хотя SVG является xmlформатом, его можно встроить в htmlс помощью правил анализа HTML.

Текущая версия - SVG 1.1(второе издание), выпущенная в 2011 году. SVG 1.2 не опубликован, последняя версия выпущена в 2005 году. SVG 2находится в стадии активной разработки.

Пример SVG-файла

Ниже показан круг цвета фуксии с толстой черной рамкой, расположенный над текстом, повернутый на 15 градусов.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" version="1.1">
  <style type="text/css">
    circle { fill: fuchsia; stroke: black; stroke-width:2 }
    text { font: 12pt sans-serif }
  </style>
  <circle cx="30" cy="20" r="10"/>
  <text x="10" y="40" transform="rotate(15)">Rotated text</text>
</svg>​

Предоставленный результат

Example SVG Scene

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

SVG Editors