Описание тега svg

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

Масштабируемая векторная графика (SVG) - это язык разметки для описания двумерных векторных графических изображений, анимации и приложений. 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>​

Оформленный результат

Пример сцены SVG

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

Редакторы SVG