Основные примеры синтаксиса и использования SVG вы можете найти в наборе тестов W3C SVG

Примечание: Начиная с Gecko 2.0, Gecko поддерживает SVG-анимацию с использованием SMIL. Для краткого обзора смотрите SVG анимация и SMIL
Будет подготовлена ​​и полная документация для SVG. Когда-нибудь.

Также существует описание поддержки Mozilla изменений в SVG 2

Статус реализации элемента

Быстрый обзор элементов SVG 1.1 и текущий статус встроенной поддержки.

Элемент Комментарий
Structure Module
svg
  • Выполнена.
  • currentScale и currentTranslate DOM, но нет пользовательского интерфейса панорамирования и масштабирования.
  • SVGSVGElement
    • Невыполненные атрибуты: contentScriptType, contentStyleType, viewport, currentView
    • Невыполненные привязки: getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure
g
  • Выполнена.
defs
  • Выполнена.
desc
  • Выполнена.
  • Сохраняется только в DOM, без пользовательского интерфейса.
title
  • Выполнена.
  • Заголовок title отображается как подсказка, когда мышь зависает над объектом SVG.
metadata
  • Выполнена.
  • Сохраняется только в DOM, без пользовательского интерфейса.
symbol
  • Выполнена.
use
  • Выполнена.
  • Не полностью соблюдает <svg:use> каскадные правила (баг 265894).
  • Не передает события в дерево SVGElementInstance (баг 265895).
Conditional Processing Module
switch
  • Выполнена.
Image Module
image
  • Выполнена.
Style Module
style
  • Выполнена.
Shape Module
path
  • Выполнена.
  • Интерфейс SVGPathElement
    • Невыполненные атрибуты: normalizedPathSegList, animatedNormalizedPathSegList
rect
  • Выполнена.
circle
  • Выполнена.
line
  • Выполнена.
ellipse
  • Выполнена.
polyline
  • Выполнена.
polygon
  • Выполнена.
Text Module
text
  • Выполнена.
  • Перечисленные атрибуты презентации не работают  (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Недавно реализованные атрибуты презентации: direction, unicode-bidi, font-variant, text-decoration
  • SVGTextElement 
    • Недавно реализованные привязки: selectSubString
    • Недавно реализованные атрибуты: textLength, lengthAdjust
tspan
  • Выполнена.
  • Некоторые атрибуты презентации не работают (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical)
  • Недавно реализованные атрибуты презентации: direction, unicode-bidi, font-variant, text-decoration
  • SVGTSpanElement
    • Недавно реализованные привязки: 
      selectSubString
    • Недавно реализованные атрибуты: textLength, lengthAdjust
tref
  • Эта функция, представленная в раннем проекте спецификации, была удалена из нее и поэтому не реализована (баг 273171).
textPath
  • Выполнена.
  • Недавно реализованные привязки: 
    selectSubString
altGlyph
altGlyphDef
  • Не выполнена.
altGlyphItem
  • Не выполнена.
glyphRef
  • Не выполнена.
Marker Module
marker
  • Выполнена.
Color Profile Module
color-profile
Gradient Module
linearGradient
  • Выполнена.
radialGradient
  • Выполнена.
stop
  • Выполнена.
Pattern Module
pattern
  • Выполнена.
Clip Module
clipPath
  • Выполнена.
Mask Module
mask
  • Выполнена.
Filter Module
filter
  • Выполнена.
  • Из псевдо-входов:
    SourceGraphic, SourceAlpha, FillPaint и StrokePaint - реализованы.
  • Использование нереализованного псевдо-входного или фильтрующего элемента приведет к игнорированию фильтра и рисованию обратного графика без какого-либо фильтра.
feBlend
  • Выполнена.
feColorMatrix
  • Выполнена.
feComponentTransfer
  • Выполнена.
feComposite
  • Выполнена.
feConvolveMatrix
  • Выполнена.
feDiffuseLighting
  • Выполнена.
feDisplacementMap
  • Выполнена.
feFlood
  • Выполнена.
feGaussianBlur
  • Выполнена.
feImage
  • Выполнена.
  • Фрагменты документа (баг 455986) не поддерживаются в <svg:feImage>. 
feMerge
  • Выполнена.
feMergeNode
  • Выполнена.
feMorphology
  • Выполнена.
feOffset
  • Выполнена.
feSpecularLighting
  • Выполнена.
feTile
  • Выполнена.
feTurbulence
  • Выполнена.
feDistantLight
  • Выполнена.
fePointLight
  • Выполнена.
feSpotLight
  • Выполнена.
feFuncR
  • Выполнена.
feFuncG
  • Выполнена.
feFuncB
  • Выполнена.
feFuncA
  • Выполнена.
Cursor Module
cursor
Hyperlinking Module
a
  • Исправлены только xlink:href, xlink:show, xlink:target и атрибуты заголовка xlink:title.
View Module
view
Scripting Module
script
  • Выполнена.
Animation Module
animate
  • Выполнена.
set
  • Выполнена.
animateMotion
  • Выполнена.
animateTransform
  • Выполнена.
animateColor
mpath
  • Выполнена.
Font Module
font
font-face
  • Не выполнена.
glyph
  • Не выполнена.
missing-glyph
  • Не выполнена.
hkern
  • Не выполнена.
vkern
  • Не выполнена.
font-face-src
  • Не выполнена.
font-face-uri
  • Не выполнена.
font-face-format
  • Не выполнена.
font-face-name
  • Не выполнена.
definition-src
  • Не выполнена.
Extensibility Module
foreignObject
  • Выполнена.

Метки документа и участники

Внесли вклад в эту страницу: warsan
Обновлялась последний раз: warsan,