coderef

SVG 1.1Limited availability

The SVG 1.1 image format has several components that were excluded from SVG 2, such as fonts, alternate glyphs, and the xlink namespace.

Not yet supported in all major browsers — check the table and provide a fallback.

Discouraged: SVG 2 omittted some parts of SVG 1.1 to "improv[e] the usability and precision of the language." Use instead: SVG, @font-face

Browser support

DesktopChrome
✕Not supportedup to 155
Current: 155
Edge
✕Not supportedup to 154
Current: 154
Firefox
✕Not supportedup to 157
Current: 157
Safari
1–13Not supported
≤13.1+Supportedsince Mar 24, 2020
Current: 27
MobileChrome Android
✕Not supportedup to 155
Current: 155
Firefox Android
✕Not supportedup to 157
Current: 157
Safari iOS
1–13Not supported
≤13.4+Supportedsince Mar 24, 2020
Current: 27

How to use

Not supported in Chrome, Edge, Firefox, Chrome Android, Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: SVGPoint.

Feature detection

JS · check before using
if ("SVGPoint" in globalThis) {
  // SVGPoint is available
} else {
  // load a polyfill or use a fallback
}

Sub-features

Support for each part of the feature (57). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
SVGElement.className1121.531841
SVGPathElement.createSVGPathSegArcAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegArcRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegClosePath✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoCubicAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoCubicRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoQuadraticAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoQuadraticRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoHorizontalAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoHorizontalRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoVerticalAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegLinetoVerticalRel✕✕✕3✕✕1
SVGPathElement.createSVGPathSegMovetoAbs✕✕✕3✕✕1
SVGPathElement.createSVGPathSegMovetoRel✕✕✕3✕✕1
Show 37 more
Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
SVGPathElement.getPathSegAtLength✕✕✕3✕✕1
SVGPoint1121.531841
SVGPoint.matrixTransform1121.531841
SVGPoint.x1121.531841
SVGPoint.y1121.531841
SVGSVGElement.currentView✕✕✕7✕✕7
SVGSVGElement.forceRedraw1121.531841
SVGSVGElement.suspendRedraw1121.531841
SVGSVGElement.unsuspendRedraw1121.531841
SVGSVGElement.unsuspendRedrawAll1121.531841
SVGSVGElement.useCurrentView✕✕✕3✕✕1
SVGStyleElement.type1121.531841
SVGTextContentElement.selectSubString1121.531841
@font-face.SVG_fonts✕✕✕3.1✕✕3
a.xlink_actuate1791.53.11842
a.xlink_href1121.53.11842
a.xlink_show1791.53.11842
a.xlink_title1791.53.11842
feImage.xlink_href512461846
filter.xlink_href579361846
image.xlink_href1791.531842
linearGradient.xlink_href1791.531842
mpath.xlink_href1979462546
pattern.xlink_href112331843
radialGradient.xlink_href1791.531842
script.xlink_href1791.531842
svg.baseProfile1121.531842
svg.version1121.531842
svg.zoomAndPan1121.531842
textPath.xlink_href11223.11842
use.xlink_href1121.531842
view.zoomAndPan17915318152
svg.global_attributes.clip112111841
svg.global_attributes.glyph-orientation-horizontal✕✕✕≤13.1✕✕≤13.4
svg.global_attributes.glyph-orientation-vertical✕✕✕≤13.1✕✕≤13.4
svg.global_attributes.xml_lang1121≤4184≤3.2
svg.global_attributes.xml_space679351844.2