1. Web
  2. Web APIs
  3. SVGGraphicsElement

SVGGraphicsElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The SVGGraphicsElement interface represents SVG elements whose primary purpose is to directly render graphics into a group.

EventTarget Node Element SVGElement SVGGraphicsElement

Instance properties

This interface also inherits properties from its parent, SVGElement.

SVGGraphicsElement.requiredExtensions Read only

An SVGStringList reflecting the requiredExtensions attribute of the given element.

SVGGraphicsElement.systemLanguage Read only

An SVGStringList reflecting the systemLanguage attribute of the given element.

SVGGraphicsElement.transform Read only

An SVGAnimatedTransformList reflecting the computed value of the transform property and its corresponding transform attribute of the given element.

Instance methods

This interface also inherits methods from its parent, SVGElement.

SVGGraphicsElement.getBBox()

Returns a DOMRect representing the computed bounding box of the current element.

SVGGraphicsElement.getCTM()

Returns a DOMMatrix representing the matrix that transforms the current element's coordinate system to its SVG viewport's coordinate system.

SVGGraphicsElement.getScreenCTM()

Returns a DOMMatrix representing the matrix that transforms the current element's coordinate system to the coordinate system of the SVG viewport for the SVG document fragment.

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGGraphicsElement

Browser compatibility

Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGGraphicsElement
Chrome – Partial support
Chrome 1 – 29 (Release date: 2008-12-11)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Chrome – Full support
Chrome 30 (Release date: 2013-10-01)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Partial support
Firefox 1.5 – 19 (Release date: 2005-11-29)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Firefox – Full support
Firefox 20 (Release date: 2013-04-02)
footnote Full support
Opera – Partial support
Opera 12.1 – 16 (Release date: 2012-11-20)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Opera – Full support
Opera 17 (Release date: 2013-10-08)
footnote Full support
Safari – Partial support
Safari 3 – 6 (Release date: 2007-10-26)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Safari – Full support
Safari 7 (Release date: 2013-10-22)
footnote Full support
Chrome Android – Partial support
Chrome Android 18 – 29 (Release date: 2012-06-27)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Chrome Android – Full support
Chrome Android 30 (Release date: 2013-10-02)
footnote Full support
Firefox for Android – Partial support
Firefox for Android 4 – 19 (Release date: 2011-03-29)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Firefox for Android – Full support
Firefox for Android 20 (Release date: 2013-04-02)
footnote Full support
Opera Android – Partial support
Opera Android 12.1 – 16 (Release date: 2012-10-09)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Opera Android – Full support
Opera Android 18 (Release date: 2013-11-20)
footnote Full support
Safari on iOS – Partial support
Safari on iOS 1 – 6 (Release date: 2007-06-29)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Safari on iOS – Full support
Safari on iOS 7 (Release date: 2013-09-18)
footnote Full support
Samsung Internet – Partial support
Samsung Internet 1 – 1.6 (Release date: 2013-04-27)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
Samsung Internet – Full support
Samsung Internet 2 (Release date: 2014-10-17)
footnote Full support
WebView Android – Partial support
WebView Android 3 – 4 (Release date: 2011-02-22)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
WebView Android – Full support
WebView Android 4.4 (Release date: 2013-12-09)
footnote Full support
WebView on iOS – Partial support
WebView on iOS 1 – 6 (Release date: 2007-06-29)
footnote Partial support
footnote The SVGGraphicsElement interface itself is not present, but some of its members are available on interfaces that inherit from SVGGraphicsElement.
WebView on iOS – Full support
WebView on iOS 7 (Release date: 2013-09-18)
footnote Full support
getBBox
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 1.5 (Release date: 2005-11-29)
footnote
footnote Before Firefox 128, the getBBox() method returned an empty DOMRect when there is no fill (bug 1019326).
footnote Before Firefox 68, this method didn't work for <textPath> and <tspan> elements (bug 937268).
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote Full support
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 4 (Release date: 2011-03-29)
footnote
footnote Before Firefox for Android 128, the getBBox() method returned an empty DOMRect when there is no fill (bug 1019326).
footnote Before Firefox for Android 68, this method didn't work for <textPath> and <tspan> elements (bug 937268).
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote Full support
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote Full support
getCTM
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 1.5 (Release date: 2005-11-29)
footnote Full support
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote Full support
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 4 (Release date: 2011-03-29)
footnote Full support
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote Full support
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote Full support
getScreenCTM
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 1.5 (Release date: 2005-11-29)
footnote Full support
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote
footnote Transforms on the parent are not propagated down to its children; see bug 209220.
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 4 (Release date: 2011-03-29)
footnote Full support
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote
footnote Transforms on the parent are not propagated down to its children; see bug 209220.
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote
footnote Transforms on the parent are not propagated down to its children; see bug 209220.
requiredExtensions
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 12 (Release date: 2012-04-24)
footnote Full support
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote Full support
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 14 (Release date: 2012-06-26)
footnote Full support
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote Full support
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote Full support
systemLanguage
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 12 (Release date: 2012-04-24)
footnote Full support
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote Full support
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 14 (Release date: 2012-06-26)
footnote Full support
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote Full support
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote Full support
transform
Chrome – Full support
Chrome 1 (Release date: 2008-12-11)
footnote Full support
Edge – Full support
Edge 12 (Release date: 2015-07-29)
footnote Full support
Firefox – Full support
Firefox 1.5 (Release date: 2005-11-29)
footnote Full support
Opera – Full support
Opera 12.1 (Release date: 2012-11-20)
footnote Full support
Safari – Full support
Safari 3 (Release date: 2007-10-26)
footnote Full support
Chrome Android – Full support
Chrome Android 18 (Release date: 2012-06-27)
footnote Full support
Firefox for Android – Full support
Firefox for Android 4 (Release date: 2011-03-29)
footnote Full support
Opera Android – Full support
Opera Android 12.1 (Release date: 2012-10-09)
footnote Full support
Safari on iOS – Full support
Safari on iOS 1 (Release date: 2007-06-29)
footnote Full support
Samsung Internet – Full support
Samsung Internet 1 (Release date: 2013-04-27)
footnote Full support
WebView Android – Full support
WebView Android 3 (Release date: 2011-02-22)
footnote Full support
WebView on iOS – Full support
WebView on iOS 1 (Release date: 2007-06-29)
footnote Full support

Tip: you can click/tap on a cell for more information.

Full support
Partial support
See implementation notes.
Has more compatibility info.

This page was last modified on by MDN contributors.

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.